Apply header fonts to all headings in twentysixteen theme

  • Unknown's avatar

    Hi — I just got the premium plan and would like to make a few changes with CSS. The first one is, I’d like the headings (e.g. heading 3, heading 4) to use the header font, not the base font, as they are now.

    I’d also like to change the colors of the headings. I know how the colors are coded, so don’t worry about explaining that to me, I just need the CSS code to make it work.

    Thank you!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi there, on the font for h3 and h4 in the content area, add the following and then check around to make sure this has gotten all of them. It appears it has. I’ve also included a color declaration so that you can set a different color for those elements.

    .entry-content h3, .entry-summary h3, .entry-content h4, .entry-summary h4 {
        font-family: "Cinzel",serif;
        color: #00ee33;
    }

    If you are wanting to change the color on additional heading elements, just let me know.

  • Unknown's avatar

    Thank you! It worked perfectly. For now that’s all I need. Next step, play around with the colors for the headings!

  • Unknown's avatar

    Hooray, and you are welcome.

  • The topic ‘Apply header fonts to all headings in twentysixteen theme’ is closed to new replies.