WordPress.org

Support

Support » Themes and Templates » Spun » [Resolved] Change Header Font

[Resolved] Change Header Font

  • How can I change the header font? I downloaded the WP Google Fonts plugin to change the text to Arimo but the header remains in its original font. Also, I would like to change the menu and header from changing shading when the mouse is over it to just being solid all the time, anyone know how to do that?

    Thanks.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator t-p

    @t-p

    Try using – for example – a tool like Firefox with the Firebug add-on for this kind of CSS work. http://getfirebug.com/ . Help info on Firebug https://getfirebug.com/faq/

    Hello Otis,
    I’ve never tried the Google Fonts plugin, but always did the changes myself inside the CSS. Did you check all the boxes when using the plugin (header 1, header2, etc.) to see what happens? You may have chosen the wrong element.
    Preventing the shading change shouldn’t be a problem, but could you send a link to your website so it’ll be easier for everyone to figure out where to operate the changes?
    Thanks.

    Thanks for the help. I did set all of the fonts on the Google fonts plug in to the same Arimo font, but the Header text still has not changed. Forgot the link, http://www.otisash.com/.

    Thanks for the help.

    WPyogi

    @wpyogi

    Forum Moderator

    Make sure you are not modifying any theme files – CSS changes can go in a Custom CSS plugin – to change the header font use:

    h1.site-title {
        font-family: ".....";
    }

    Here is that coding. Do I change baskerville to Arimo or playfair display or times new roman? Also how do I get it not to fade in and out?

    .site-title {
    font-family: Baskerville, “Playfair Display”, “Times New Roman”, serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-style: italic;
    font-weight: normal;
    line-height: 1em;
    margin: 0;
    text-transform: none;
    }

    WPyogi

    @wpyogi

    Forum Moderator

    You need to first add custom CSS to your theme so that your changes are not lost when the theme is update – try this one:

    http://wordpress.org/plugins/custom-css-manager-plugin/

    Then add this code to it:

    h1.site-title {
        font-family: "Arimo", "arial", "sans-serif";
    }

    Do not modify theme files.

    Thanks guys got it!

    how do i change the header font?

    I cant work out how to change the Headr Font on my site http://www.squeaklemairemusic.com

    if you look at the site, the Header “Squeak Lemaire” . I want to change this to a font called “Algerian”, and also change the size etc.

    How do I do this?

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘[Resolved] Change Header Font’ is closed to new replies.
Skip to toolbar