Changing Size of Headings

  • Author
    Posts
  • #1546031

    To me the size of the headings (Heading 1, Heading 2, Heading 3, etc.) in the twenty-eleven theme are absurdly small. What is the css for changing the font size of these?

    I tried:

    h2 {
    font-size: 21px;
    }

    But it doesn’t appear to do anything.

    Thanks!

    The blog I need help with is enviroethics.org.

    #1546112

    I am getting somewhere with this.

    .entry-content h2 {
    font-size: 18px;
    }

    Just do this for each heading (h1, h2, h3, h4) or is there other css that I ought to use?

    #1546120

    My solution seems to work for the h1 and h2 headings, but not for the h3 heading. Thoughts?

    #1546163

    justpi
    Member

    This type of selector should work for all the headings found in the content of posts and pages (and it does on my test blog). Could you link to a post or page where you see this problem?

    #1546224

    Sure. The headings in this post are h3 headings. They should be size 18 font but instead are around size 5.

    FELLOWSHIP – Summer Research, Animals & Society Inst. & Wesleyan University

    I can tweak the font size of all of my other headings, but the h3 heading doesn’t seem to change sizes regardless of what value I put.

    #1546242

    OK. I am learning a bit more about css, including how to find the css page for my theme. I can adjust my headings, including h3 using:

    .wf-active .entry-content h3 {
    font-size: 16px;
    }

    Cheers!

    #1546258

    justpi
    Member

    Ah yes. My previous reply doesn’t apply in your case, because you’re using a Typekit font.

    Alternative solution:

    .entry-content h3 {
    font-size: 16px !important;
    }

The topic ‘Changing Size of Headings’ is closed to new replies.