H1, H2, H3, H5, H5, H6 all look the same

  • It would seem that which ever heading I choose when editing a post, they all look the same on my published site. I have found the following code in your theme style.css;

    /* Headings */
    h1, h2, h3, h4, h5, h6 {
    color:#51545C;
    font-family:’Roboto’;
    font-weight:normal;
    font-style:normal!important;
    clear: both;
    margin-bottom:15px;
    }

    h1 { font-size: 46px; line-height: 46px; padding: 5px 0px;letter-spacing:-2px; }
    h2 { font-size: 40px; line-height: 40px; padding: 5px 0px;letter-spacing:-1px; }
    h3 { font-size: 34px; line-height: 34px; padding: 5px 0px;letter-spacing:-1px; }
    h4 { font-size: 27px; line-height: 27px; padding: 5px 0px;letter-spacing:-1px; }
    h5 { font-size: 20px; line-height: 20px; padding: 5px 0px; }
    h6 { font-size: 14px; line-height: 18px; padding: 5px 0px; }

    So they should be different? Right?

    https://www.cyclingverve.com/

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

  • Hi,

    Login to your WordPress admin -> Appearance -> Theme Options -> Typography.

    You can set it there.

    Thanks!

    Thread Starter john470fc

    (@john470fc)

    Hello Denzel,

    Thanks for that ??

    I did spot the “Typography” section, and I guess changing the vales in there is the same as updating style.css.

    My problem is that which ever header font I use in the editor it looks the same when published.

    I think generally the range is H1=36px, H2=24px, H3=21px, H4=18px, H5=16px, H6=14px, so the theme is slightly different, but that wouldn’t explain why they all look the same when published.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘H1, H2, H3, H5, H5, H6 all look the same’ is closed to new replies.