• 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

Reply To: Change background color of the main menu bar.

Home › Community Forums › Oasis Theme Support › Change background color of the main menu bar. › Reply To: Change background color of the main menu bar.

April 8, 2022 at 5:01 pm #25063
Wes
Moderator

If you’re familiar with editing CSS, you have 2 options:

1. Edit the style.css file directly by going to the code around line 998 and changing the color here –

/* Site Header
---------------------------------------------------------------------------- */

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

2. You can add your own code in the Additional CSS section in the Customizer Page so it will override the style.css code (so you can keep customizations separate from the main files).

In the Admin, go to Appearance > Customize > Additional CSS ….then add the following code –

/* Site Header
---------------------------------------------------------------------------- */

.site-header {
	background-color: #000;
}

You can change the background color to whatever color you want it will show up on your site when you reload your page (and clear cache if needed).

If you need help finding the Hex Color code you can look at something like this – https://htmlcolorcodes.com/

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