WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Change Header Font (10 posts)

  1. Otis Ash
    Member
    Posted 12 months ago #

    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.

  2. Tara
    Member
    Posted 12 months ago #

    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/

  3. full_power
    Member
    Posted 12 months ago #

    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.

  4. Otis Ash
    Member
    Posted 12 months ago #

    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.

  5. WPyogi
    Volunteer Moderator
    Posted 12 months ago #

    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: ".....";
    }
  6. Otis Ash
    Member
    Posted 12 months ago #

    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;
    }

  7. WPyogi
    Volunteer Moderator
    Posted 12 months ago #

    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.

  8. Otis Ash
    Member
    Posted 12 months ago #

    Thanks guys got it!

  9. rayred
    Member
    Posted 2 months ago #

    how do i change the header font?

  10. rayred
    Member
    Posted 2 months ago #

    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?

Reply

You must log in to post.

About this Theme

About this Topic

Tags