Support » Plugin: Structured Content (JSON-LD) #wpsc » Change font size

  • Resolved mc9320

    (@mc9320)


    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 gorbo

    (@gorbo)

    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)

    Plugin Author gorbo

    (@gorbo)

    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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.