-
Posts
-
Hi I’m trying to use CSS to change the font size of text in a Text Block because the drop down font size menu only goes up to 40 pixels and I need it to be bigger. I added this
.homepagebig {
font-size: 100px!important;
font-weight: bold;
}
to
Theme Options / General Styling / Quick CSS box
And added this
homepagebig
to
Text Block / Custom CSS Class box
But there is no change to the text. What am I doing wrong?Hey m,
Please try:.homepagebig p { font-size: 100px!important; font-weight: bold; }Best regards,
MikeThank you kindly for that correction. Even after clearing site cache and using incognito browser window, the font size looks the same.
The text overlaps on mobile because words on the same line are forced onto two lines. I’ve tried some CSS code, but nothing seems to fix it.
Hi,
Do you mean the phrase “Ready to be seen?” is overlapping?
Please see the screenshot in Private Content area.Best regards,
MikeYes, that is the text. On my iPhone word one and two are overlapping each other, as are word 3 and word 4.
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
@media only screen and (max-width: 480px) { .homepagebig p { line-height: 45px; }}Best regards,
Yigit
- The topic ‘How to add custom css class to text’ is closed to new replies.