• 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

Change header color

Home › Community Forums › Aspire Theme Support › Change header color

Tagged: header

  • This topic has 2 replies, 2 voices, and was last updated 1 year, 2 months ago by MK.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 15, 2022 at 4:48 pm #25018
    MK
    Customer

    Hi, I want to change the color of the header banner on top. How can I do that? Thanks!

    March 16, 2022 at 12:59 am #25020
    Wes
    Moderator

    Hi,

    Do you have a link to your site? Or is this on a local install?

    If you’re using the latest version, then you can find the CSS for it around line 1007 in the style.css file –

    /* Site Header
    ---------------------------------------------------------------------------- */
    
    .site-header {
    	background-color: #000;
    	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    	color: #fff;
    	padding: 0 40px;
    }

    If you don’t want to edit the css file, you can keep your Custom CSS separate by copying the code above (just the .site-header code) and adding it to the “Additional CSS” page located in the Customizer….. Appearance > Customize

    Let me know if that helps

    March 27, 2022 at 8:43 am #25044
    MK
    Customer

    Thank you! This was super helpful and I managed to change it. Appreciate the help!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 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