Menu Background Colour Wordpress for homepage only

change menu text color wordpress
how to change menu background color in wordpress
wordpress category background color
how to change the background color of a single page in wordpress
how do i change the background color of my wordpress post
wordpress change page colour
wordpress menu css examples
wordpress background image on specific page

I am trying to change the background colour of a menu in Wordpress.

The background is transparent for all other pages which is good, but for the homepage where the first element on the page below is a slider the menu remains grey and I cannot seem to change it without making it opaque for the whole site?

The page/site in question is

I think you are using Wordpress for development, so you can add a specific ID to your home page, then you can use it to change the menu background just for home page,, you should do something like this:

#Your_ID #top-wrapper {
background-color: rgba(0,0,0,0.1);
background-image: none;

How To Change Menu Color In WordPress –, How do I change the background color of only one page in WordPress? I do NOT want to make the featured pages section wider. I just want to change the white space surrounding it to purple. When I change this container to purple, it changes every background page to purple. Yikes. I only want purple on the home page. FWIW, the page only has a header, footer and 8 featured pages (no posts).

simple fix is

.page-id-2700 #top-wrapper{
   // your background color here

page-id-2700 is the wordpress generated page class for home

Changing the Colors - Optimizer WP, How do I change the background color of my menu in WordPress? #site-navigation { background-color:transparent; } This is how it looked on our demo site. Depending on your theme, you may need to adjust the position of the header image so that it covers the area behind your transparent menus. We hope this article helped you learn how to style WordPress navigation menus.

First add custom CSS and JS plugin in case you don't have a place to add custom CSS.

Then, add this line of CSS code:

#top-wrapper {
    background-color: #050505 !important;

I can see that you might have already have written that but without the !important.

What is happening is that the default style is overwriting the new style. The !important will allow you to force overwrite it.

Change background color for specific pages?, and choose Inspect. An Inspector panel will appear at the bottom of your screen, where you can view your website's underlying code. Even then, it might not look good, and you’ll have to change the background color of other containers as well. That’s a Wrap. I hope you found the tutorial useful and comprehensive, and you managed to change the background color of a single page in WordPress!

Topic: Changing menu background color, How do I change the background color of my WordPress header? Hello, We have been designing a new site and would like to be able to change the color of the menu and menu text on only the home page. We want to keep the menu color and text the same on all the other pages except the home page. Can anyone please guide us through …

How to Style WordPress Navigation Menus (Updated), [This thread is closed.] I'd like to change the nav menu background-color when scrolling to different sections of my homepage. The sections are… Go to Appearance → Menus, Click on Screen Options in the top-right; Check CSS Classes under “Show advanced menu properties”. This will allow you to expand each menu item and add a custom class name that can be used to write Custom CSS for applying unique styles to each menu link.

How to Change Menu Color and Menu Text Color on Home Page Only, Create a custom CSS WordPress menu background; Change font colors; Style a single menu item; Add hover effects to menu items; Make your  Change Menu Font in WordPress (just the menu) - Duration: 5:43. Greg Narayan 35,513 views