Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.flip-box-back li {
font-size: 0.9em !important;
}
Almost worked - I want to change the size of the text on the front ... not the rear ... so is it something similar to below which I tried but didnt work ?
.flip-box-front li { font-size: 0.9em !important;
}
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
How do I change the size of the text in the Flip Box Content ? Nothing in options so I presume its a CSS ?
Hi Jason,
Please send in your website url so that we can provide css for what's possible.
Thanks.
Hey Again,
The Settings are reflected by the html tags used, such as h1 and p tags. You can adjust these in the Typography Section.
Thanks
ThemeNectar Support Team
Here is the link - you can see I have two flip boxes but the white text is too small
https://www.bumbleance.com/munstermachine/
I cant tell what html tags are used within the flipbox ... I would just like to know the CSS style to tweak.
Cheers,
J.
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.flip-box-back li { font-size: 0.9em !important; }Thanks
ThemeNectar Support Team
Almost worked - I want to change the size of the text on the front ... not the rear ... so is it something similar to below which I tried but didnt work ?
.flip-box-front li { font-size: 0.9em !important; }Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.nectar-flip-box[data-v_text_align="center"] .flip-box-front .inner { font-size: 31px !important; }Thanks
ThemeNectar Support Team
Excellent! That worked - thanks!