Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 9, 2013 at 12:42 pm #25944
    jamesmac007

    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.

    July 10, 2013 at 5:58 am #128745
    Dude

    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; }

    July 11, 2013 at 3:04 pm #128746
    jamesmac007

    Hi, the H1 tag is still in caps:

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

    … the sizing has changed ok though, thanks.

    July 11, 2013 at 5:14 pm #128747
    victoriaeducacion

    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;

    }

    July 14, 2013 at 7:49 am #128748
    Dude

    Hi!

    @jamesmac – try following css code

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

    Best regards,

    Peter

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Change H Tag Styling’ is closed to new replies.