change color and size of white font inside figure box

Posted in : Impose
santamonicawebmaster
Participant
12 February 2018 at 08:26
#52346

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
Moderator
12 February 2018 at 13:39
#52360
Hi,
You can use this custom css code;
```
.figure-box .wp-caption-text {
    font-size: 14px !important; color: #345 !important; }
```
Thanks
santamonicawebmaster
Participant
13 February 2018 at 04:31
#52403

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
Participant
13 February 2018 at 05:29
#52404

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

Thanks!
serkan
Moderator
13 February 2018 at 12:17
#52416
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
Participant
13 February 2018 at 13:58
#52418

It worked! Thanks again.

serkan
Moderator
13 February 2018 at 15:04
#52420

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

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item

Impose Blog WordPress Theme

by pixelwars