• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

¿how to change the size and space between letters of the header?

Home › Community Forums › Aspire Theme Support › ¿how to change the size and space between letters of the header?

  • This topic has 1 reply, 2 voices, and was last updated 4 years, 9 months ago by Wes.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 29, 2018 at 6:45 am #22773
    metododai
    Customer

    I need to change the size and space between letters, from the header sources, but I do not know where to do it.

    Mi site is http://www.metododai.com

    I want to reduce the space to add more sections

    I had to create a new post since I could not respond to the previous one. The moderator eliminates the other. Thank you

    August 29, 2018 at 4:33 pm #22774
    Wes
    Moderator

    Hi, Your original post was never closed, it’s still open and available for your reply – https://appfinite.com/topic/how-to-change-the-size-and-space-between-letters-of-the-header/

    If you’re unable to reply just reload the page (hit your Reload button on your browser). Reloading clears your browser cache. So if you’re already logged in, then the reply box should show up. More info – https://appfinite.com/topic/having-trouble-logging-in/

    I’m not sure which part of the header you’re referring to (logo or menu) so I’ll give you an answer for both –

    To increase or decrease the spacing between letters in the logo area you can either adjust the .site-title a in your style.css or add this to your Custom CSS page in the Customizer –

    .site-title a {
        letter-spacing: 1px;
    }

    To adjust the spacing for the Menu section, add or adjust this –

    .genesis-nav-menu a {
        letter-spacing: 2px;
    }

    The code for the menu is currently on line 1304 in your style.css and is already set to 2px by default. You can adjust this by adding the above code in your Custom CSS page, or you can adjust it directly in your style.css. Here’s what it looks like by default –

    .genesis-nav-menu a {
        color: #fff;
        display: block;
        font-size: 13px;
        font-weight: 300;
        letter-spacing: 2px;
        padding: 30px 15px;
        text-transform: uppercase;
    }

    Let me know if that helps.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework