Change font size

  • Resolved mc9320

    (@mc9320)


    6 years, 6 months ago

    Hi,

    Great plugin and it looks great visually on my site. However, is there a way to make the font size bigger for the question and answers?

    Keep up the good work

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Gordon Böhme

    (@gorbo)

    6 years, 6 months ago

    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

    Thread Starter mc9320

    (@mc9320)

    6 years, 6 months ago

    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)

    Plugin Author Gordon Böhme

    (@gorbo)

    6 years, 6 months ago

    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

    Thread Starter mc9320

    (@mc9320)

    6 years, 6 months ago

    Thanks so much. Works perfectly!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Change font size’ is closed to new replies.