Change font size

Hi @mc9320
you can give each element its own CSS class (have a look at the end of the lightbox modal) and thus overwrite the existing rules via CSS.

Greetings

Thanks for your quick reply. However, when I do this it seems to undo all the formatting from your plugin including the box around each faq, and just revert to my standard blog settings for font size, regardless of what sizes I choose.
Sorry I’m not that knowledgable on CSS. I’m just looking to make the h3 and p tags a little bigger, to 25px and 20px, but keep everything else the same

Any suggestions?

For example, I’ve tried the following

.example .h3 {
font-size: 25px;
}

.example .p {
font-size: 20px;
}

Then I copy “example” into the CSS class box in the block setting in the editor (I’m using WordPress and Gutenberg)

Hi @mc9320

first use the code inspector of your browser and have a look at the existing CSS rules for the content element.
Just copy the existing CSS rules into your own, new CSS class, modify the values and save the CSS file.

Example for the <h2>. You’ll find this code:

.sc_card h2 {
    font-size: 1em;
    line-height: 1.2em;
    margin: 0 0 1em;
    font-weight: 700;
} 

Now copy the rules in your CSS file, change the value for ‘font-size’ and save the file:

.your-new-class h2 {
    font-size: 2em;
    line-height: 1.2em;
    margin: 0 0 1em;
    font-weight: 700;
}

Hope that helps ??
Greetings

Thanks so much. Works perfectly!