Balance Theme – change font size of h2

Community Forums Forums Design Tips and Tricks Balance Theme – change font size of h2

This topic is: not resolved

Tagged: 

This topic contains 1 reply, has 2 voices, and was last updated by  braddalton 11 months, 3 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #64588

    prkelker
    Participant

    Hi,

    I am using the Balance Theme – and the font size of h1 and h2 in my posts are the same.
    How can I make h2 in my post appear smaller? I am new to CSS unfortunately :-(
    In which part of the style.css do I change this?

    Thanks in advance!
    Prashant

    Below is an excerpt from my style.css:

    /* Headlines
    ———————————————————— */

    h1,
    h2,
    h2 a,
    h2 a:visited,
    .page-template-page_portfolio-php h4 {
    font-family: ‘Lora’, Georgia, “Times New Roman”, Times;
    font-size: 42px;
    line-height: 1.25;
    margin: 10px 0 25px;
    }

    .taxonomy-description h1,
    .widget-area h2,
    .widget-area h2 a {
    font-size: 18px;
    margin: 0 0 5px;
    }

    .genesis-grid h2,
    .genesis-grid h2 a {
    font-size: 28px;
    }

    .page-template-page_portfolio-php h2,
    .page-template-page_portfolio-php h2 a,
    .page-template-page_portfolio-php h2 a:visited {
    font-size: 20px;
    margin: 10px 0;
    text-align: center;
    }

    #64608

    braddalton
    Participant
    Post count: 9782

    I opened up the style.css file using Notepad++ and used the search featured to find every rule which uses h2.

    Here’s the one i came up with that should change the size of h2:
    [css]
    h1,
    h2,
    h2 a,
    h2 a:visited,
    .page-template-page_portfolio-php h4 {
    font-family: ‘Lora’, Georgia, "Times New Roman", Times;
    font-size: 42px;
    line-height: 1.25;
    margin: 10px 0 25px;
    }
    [/css]

    This tells me h1 and h2 are using the same declarations for font-size.

    A declaration consists of a property (font-size) and a value (42px).

    Try adding this CSS code to the end of your file before the media queries and change the value for the font-size to suit your preferences:
    [css]
    h2 {
    font-size: 32px;
    }
    [/css]

    You may also want to change the value’s in the media queries as well.


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.