Home>Support>How to adjust comments font size?

How to adjust comments font size?

By Ru-an Zietsmann, 10 years ago. Last reply by Magus, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I was able to change the font size of content through the ‘customize’ tab but there is no place where you can change the font size for comments? Thanks.

URL: http://theultimatetennisblog.com/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 2 months ago Ru-an Zietsmann

    This is Vantage theme btw.

  2. 10 years, 2 months ago Magus
    Hi, I Work Here

    Hi Ru-an Zietsmann

    You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    #comments .commentlist article .entry-content {
        font-size: 14px;
    }
    

    You can adjust this as required.

    Let us know how you get on

    Magus

  3. 10 years, 2 months ago Ru-an Zietsmann

    Thank you. I am trying to make the emoticons bigger but when I make the text size bigger the emoticons stay the same size. Is there any way to make the emoticons bigger? It is really small with the Vantage theme.

  4. 10 years, 2 months ago Magus
    Hi, I Work Here

    Hi Ru-an Zietsmann

    Emoticons are handled outside of the font-size settings. To increase the size of them you will need to add this to your custom CSS.

    img.wp-smiley, img.emoji {
        height: 1.5em !important;
        width: 1.5em !important;
    }
    

    This makes them 50% larger than standard (1em). If you want them larger still just increase the size in this CSS making sure that both settings are the same.

    Let us know how it goes

    Magus

  5. 10 years, 2 months ago Ru-an Zietsmann

    Thank you, but the emoticons still don’t look normal. Go to this page and take a look at what the emoticon is supposed to look like by clicking on the yahoo smiley, and then look at the one in the comments. It looks completely different.

    http://theultimatetennisblog.com/it-has-begun-the-final-run-up-to-roland-garros-is-underway/

  6. 10 years, 2 months ago Magus
    Hi, I Work Here

    Hi Ru-an

    I see, please change the original CSS to this

    img.wp-smiley, img.emoji {
        height: 1.5em !important;
        width: auto !important;
    }
    

    Magus

  7. 10 years, 2 months ago Ru-an Zietsmann

    Thank you, I changed it to 1.2em and that seems about the same size. Can I change the size inside the comment section in the dashboard too?

  8. 10 years, 2 months ago Magus
    Hi, I Work Here

    Hi Ru-an

    Unfortunately not. The theme styles are not used for the admin end. The emoticons shown here are styled by the wordpress core files. Any alterations you use here would be overwritten in the next update.

    Magus

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More