Change header font in Twenty Seventeen theme

  • I’d like to change the header font on my homepage with the Twenty Seventeen theme. I downloaded the Options for Twenty Seventeen plugin but it didn’t seem to have an option for changing the actual font, just its size, color, and capitalization.
    How can I change this theme’s header font? Most specifically, I’d like to see if I can change it to Cormorant Garamond.
    Thanks.

    • This topic was modified 4 years, 1 month ago by skymancer.
Viewing 1 replies (of 1 total)
  • ichadwick

    (@ichadwick)

    If it’s the headline for the blog post summaries on the front page (not a static page), I changed the headline attributes by adding this to the “additional CSS:

    h2,
    .home.blog .entry-title,
    .page .panel-content .recent-posts .entry-title .entry-header {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 600;
    color: #134D87;
    }

    I didn’t change the actual font, but it can be added here with the font-family attribute like this: font-family: Arial, Geneva, Helvetica, sans-serif;

    For the headlines on the actual blog post itself (once the user clicks the link), I changed the h1, .home.blog .entry-title, .entry-header attributes.

Viewing 1 replies (of 1 total)
  • The topic ‘Change header font in Twenty Seventeen theme’ is closed to new replies.