How to Edit Header

  • Resolved yoimkevinnguyen

    (@yoimkevinnguyen)


    8 years, 3 months ago

    How do I edit the header image to be personalized with my own font and my own writing? I don’t want it to be an image, but my own writing so I can animate the text.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Andrew Misplon

    (@misplon)

    Hi @yoimkevinnguyen

    Thanks for your question.

    The text in the header is controlled by your site title which is set from Settings > General > Site Title. The font setting for this is contained in the premium version. You can however set it with Custom CSS in the free version by inserting the following into a Custom CSS plugin like Simple Custom CSS:

    /* Site Title */
.site-header .site-branding h1.site-title {
    font-size: 36px;
    font-family: "Muli", sans-serif;
    font-weight: 300;
    letter-spacing: -1px;
}

    If you want to use another Google Font you just need to insert the @import statement Google provides for the font you want at the very top of your Custom CSS plugin.

    Thread Starter yoimkevinnguyen

    (@yoimkevinnguyen)

    It’s working for my PC only and not showing up on the website on other devices.

    Theme Author Andrew Misplon

    (@misplon)

    Hi @yoimkevinnguyen

    KeyCDN caching might be the problem.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to Edit Header’ is closed to new replies.