[resolved] font size (3 posts)

  1. fifthwind
    Posted 3 years ago #

    Hi everyone,

    please forgive me if I don't know proper etiquette and such for asking questions on a forum. It's been a long time since I've had to ask something, usually I can figure things out for myself.

    My question is regarding the middle-earth theme which I purchased (and is great btw)

    I'm looking to increase the standard font size a little bit for the main body content. (what you see on my site for now, I've increased manually with each post)

    I can't find where in the CSS file to make the change. And how should the code look? I'm trying to make the standard font for page and blog post about 14px. I think the template is set up much smaller (you can see the difference between my home page and my blog page.

    Do I need to post the CSS file? or is a link to my site sufficient for someone to help? http://thekreggorian.com

    Any help is much appreciated. Oh, and don't be too critical of the site, it's still under construction. lol

    Thanks in advance!

  2. WPyogi
    Forum Moderator
    Posted 3 years ago #

    In general, commercial themes are not supported here so you'll really need to ask on the vendor's site. But also in general, CSS changes should be made in a child theme or a custom CSS option or plug-in -- so that changes are not overwritten when the theme is updated. Then, the best way to find the code you need to change is by using Firebug -- which in this case, shows that the text is set in this CSS code:

    articles .post-body {
        font-size: 13px;
        line-height: 18px;
        margin-left: 0;
        overflow: hidden;
        padding: 0 30px 20px;

    It happens to be in the index.css file -- which is not very standard WP -- so that theme may be set up differently. But no matter, what you would typically do is use those selectors in the new CSS file and do this:

    articles .post-body {
        font-size: 14px;

    You only need to put what you are changing and it should override the other CSS code...

  3. fifthwind
    Posted 3 years ago #

    That did the trick. Thanks.

    I'll remember about firebug next time. At least I don't feel too bad for not finding it since it was buried in an unusual file that I wasn't even looking for. :)


Topic Closed

This topic has been closed to new replies.

About this Topic