Tagged: , , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #25944

    Hi,

    Could you tell me how to change the H tag settings please?

    I want to decrease the size of H1 and make it non-capitals.

    I’ll probably need to adjust the H2 and H3 settings too.

    Thanks.

    #128745

    There’re some “special” headline css rules – if the code below doesn’t work for you please post a link to the headline you want to change. You can change the headline font sizes with

    h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
    h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }
    h3 { font-size: 19px; line-height: 1.1em; margin-bottom: 8px; }
    h4 { font-size: 17px; line-height: 1.1em; margin-bottom: 4px; }
    h5 { font-size: 16px; line-height: 1.1em; }
    h6 { font-size: 14px; line-height: 1.1em; }

    If you want to remove the text transform effect use:

    h1,h2,h3,h4,h5,h6{ text-transform: none; }

    #128746

    Hi, the H1 tag is still in caps:

    http://wowvideoproduction.co.uk/white-label-video-production/

    … the sizing has changed ok though, thanks.

    #128747

    I also want to change the caps and make it non-capitals for the H tags.

    How could we do it?

    Thanks!

    Edit: This code doesn’t work for me neither “quick css box” nor “appearance > editor > stylesheet”

    h1, h2, h3, h4, h5, h6, {

    text-transform: none !important;

    }

    #128748

    Hi!

    @jamesmac – try following css code

    .template-page .entry-content h1, .template-page .entry-content h2 {
    text-transform: none;
    }

    Best regards,

    Peter

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

The topic ‘Change H Tag Styling’ is closed to new replies.