[santamonicawebmaster]

Hello,

I’m trying to adjust the size and color of the white font that resides inside the “.figure box” buttons on the home page. I’ve tried using the SiteOrigin CSS plugin to adjust it, and also tried to adjust via “.wp-caption-text”. Nothing I’m doing seems to work. I’m sure I’m doing it incorrectly or “the hard way”.

Thanks in advance for your help.

[serkan]

Hi,
You can use this custom css code;

.figure-box .wp-caption-text {
    font-size: 14px !important; color: #345 !important; }

Thanks

[santamonicawebmaster]

Thank you! That worked perfectly.

I have a follow up question.

Is it possible to specify settings between desktop and mobile? i.e. Render text at 26px on a desktop and 20px on a mobile device.

Thanks again for your assistance.

[santamonicawebmaster]

I forgot to mention, I’d like to accomplish this with some variation of the code you provided above.

Thanks!

[serkan]

Hi,
If you surround the related code with media query as below, you are aiming only at the desktop.

@media screen and (min-width: 768px) { 
.figure-box .wp-caption-text {
    font-size: 14px !important; color: #345 !important; }
}

If you set the maximum limit in this way, you are targeting only mobile devices.

@media screen and (max-width: 767px) { 
.figure-box .wp-caption-text {
    font-size: 14px !important; color: #345 !important; }
}

Thanks

[santamonicawebmaster]

It worked! Thanks again.

[serkan]

You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.