Font Sizes

Hi there, first I’d like to thank very much the colorlib team for great free themes, much appreciated !

Anyway my problem is: I’d like to create a small parralax section just for a quote on a small background. The font-size of that text is 14px, as it declared in the style.css in the body{}.

However I’d like to make to make the font-size of that quote bigger but I don’t want to change all the body font-size, 14px is perfect for the features section for example. From my understanding of html and CSS I’d have to create a new class, for example body-quote that I would define in the CSS as:

body-quote {
     font-size: 24px;
}

If that’s correct, the only thing I do not get is how to set only that text to that body-quote class. Is that possible ? If so how would I do it ? I have a text editor so I can modify the files without having to go through wordpress interface. Thanks in advance !

An image will make it clearer

Hi @hugovlnv,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

#shapely_home_parallax-4 p.mb32 {
    font-size: 24px;
}

Best Regards,
Movin

Hi Movin,
Thanks it worked fine, quite impressed with the support for a free theme !

You are most welcome here :slight_smile: