WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] how to change h2 (site subtitle font) size? (6 posts)

  1. jb14
    Member
    Posted 1 year ago #

    Hi there,

    I'm using 2011 theme. I have a child theme that changed the font size of the site subtitle (see http://www.madridchow.com – it's the text "where to eat...." etc.).

    It used to work, but now the font size has reduced and whenever I change the size in my child theme it no longer affects the font size. I've pasted the child theme css code below.... If anyone is able to shed some light that would be a big help. Thanks

    /*
    Theme Name: Twentyeleven Child
    Description: Child theme for the twentyeleven theme
    Author: James Blick
    Template: twentyeleven
    */

    @import url("../twentyeleven/style.css");

    /* Overriding the default heading styles h2 & h3 from Twenty Eleven Template */

    #entry h2 {
    font-weight:bold; /* Making the titles bold */
    color:#000000; /* Making the titles black */
    font-size:25px; /* Increasing the font size */
    }

    #content h3 {
    font-weight:bold; /* Making the titles bold */
    color:#000000; /* Making the titles black */
    font-size:30px; /* Increasing the font size */
    line-height: 2.6em;

    }

    #site-description {
    color: #7a7a7a;
    margin: 0 270px 2em 0;
    }

  2. jb14
    Member
    Posted 1 year ago #

    I should say - I know it says "entry h2". That may be wrong... but it's from me playing around. I previously had it as "content h2" and it didn't work either.

  3. lhques
    Member
    Posted 1 year ago #

    how do i you change the fonts size and why is there not a simple option to click on to make text larger or smaller like every other software I have every used since 1989?

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    @ihquest - please start your own thread - it's rude to interrupt someone else's thread and your question is totally unrelated to this thread as well.

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    @jb14 - the #site-description is what sets the styles for that - by looking at the HTML using a browser tool such as Firebug, you can see this:

    <h2 id="site-description">where to eat & drink in Madrid (by a voracious local)</h2>

    So the more specific CSS would be:

    h2#site-description {...}

    but in this case the existing CSS does not use the h2, so you don't need to either.

  6. jb14
    Member
    Posted 1 year ago #

    @WPyogi - perfect, I got it working. Thanks for that advice.

    James

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags