Changing Size of Headings

  • Author
  • #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.


    The blog I need help with is


    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?


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



    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?


    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.


    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;




    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.