Change font family in header

  • Resolved grlg33k

    (@grlg33k)


    8 years, 9 months ago

    I’m trying to align a logo with the site title to the left and the tag line underneath, and I want to have the title be in a different font. When I make the customizations in the customizer, they work, but when I look at the site outside the customizer, the font is still ‘Dosis’. How do I get this to work? I’m trying to replicate the alignment shown in the body of this page, but in the header: https://spirittransformation.com/test-page/

    I’ve tried
    h1 .site-title {font-family: 'Fondamento'!important; font-size: 72px; padding-top: 24px;}
    and
    .site-title {font-family: 'Fondamento' !important;}
    but they’re not working.

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

  • Try this.

    .tc-header .brand .site-title {
    font-family: 'Fondamento';
}

    Even this should work.

    .site-title {
    font-family: 'Fondamento';
}

    Are you using child theme?

    Thread Starter grlg33k

    (@grlg33k)

    Yes, using a child theme, and neither of those seems to have any effect.

    Ah, but moving the code to the child theme style.css instead of the custom CSS box inside WordPress did the trick.

    Thanks!

    Thread Starter grlg33k

    (@grlg33k)

    Do you have any suggestions for getting the image closer to the text in the header?

    Do you mean the logo bird and the site title?

    Thread Starter grlg33k

    (@grlg33k)

    Yes, you can see in the body of that page I have the logo arranged at the end of the site title the way I would like to have it in the header. They are closer together in the body.

    Try

    img.alignright {
    padding-right: 340px;
}
    Thread Starter grlg33k

    (@grlg33k)

    Thank you so much, Menaka, for the help!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change font family in header’ is closed to new replies.