Font size page headers Twenty eleven

  • I wish to change the size of my page headers with theme Twenty Eleven which doesn’t have appearance->customise->font.

    I can change the size of the main header with css
    #site-title a {
    color: #000000;
    font-size: 2.2em;
    font-family: times New Roman;
    }
    and change entry title with
    .entry-title {
    font-size: 22px;
    }

    I cannot find a way to change the size of headings for each page.
    I have tried the below css but it doesn’t work
    .page-title {
    font-size: 1.0rem;
    }

    I also tried changing font size for h1 through to h6 but this doesn’t effect the page headings.
    Can someone please suggest how to overcome this

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Please provide a link to a page on your site where we can see this. Thanks.

    Thread Starter Keir Vaughan-Taylor

    (@keirvt1)

    I volunteered to upgrade community group of birding enthusiasts.

    The development site is keirvt.net/wordpress

    You cannot see the CSS or the lack of a appearance->customiser->font unless you have a password but you can see that the headings on each page are too big. Trawling through other forum posts this appears to be a common problem but people either want to change the main title heading or are using a different theme. I guess I could change the theme but that would risk creating a lot of work re-editing the wordpress site

    Hi @keirvt1

    No worries!

    The following custom CSS will change the page title on all pages:-

    body .entry-title {
    font-size: 22px !important;
}

    You can change the font size as required, hope you find this helpful.

    Thread Starter Keir Vaughan-Taylor

    (@keirvt1)

    Excellent! That worked. Thankyou!

    The font size changed although the heading takes up a lot of spacve above and below the heading line. Would be nice to reduce that wated page real estate. If you know how I would also like to know but I am happy with your helpful piece of infoprmation.

    Hi @keirvt1

    Sorry, I didn’t notice your message. Please try this code:-

    body div#main, body div.entry-content, body div#content article {
    padding: 0 !important;
}
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Font size page headers Twenty eleven’ is closed to new replies.