Change color for specific Menu bar

Hi,
Is it possible to change the color of the specific menu bar?

I am using different menu list for shopping cart and my account page. But due to the background of the header image collides with the menu color so that it is hard to see the menu.

Regards,

Junko

Hello Junko,

Can you please provide some explanatory screenshots and a link to your website?

You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online screenshot services.

Kind Regards, Roman.

Hi Roman,

Here is the link of the explanatory screenshot.
http://www.reborninaustralia.com/menu-color-change/?lang=en

My website: http://www.reborninaustralia.com/events/
or for english : http://www.reborninaustralia.com/events/?lang=en

Regards,J

Hello Junko,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

header.site-header {
    background-color: rgba(0,0,0,0.5);
}

Kind Regards, Roman.

I mean specific page’s menu bar.
I have tried the followings:
Page ID 6460 is the servce page.

http://www.reborninaustralia.com/service/

.page-id-6460 #mainnav > ul > li > a {
color: #350f0c !important;
}

but does not change anything.

Regards, J

I made it work by using the following code.

.page-id-6460 #mainnav a {
color: #48D1CC !important;
}

for Service page, however, I am having issue with my product page in general.

Could you please advice how to set different menu bar for product page?
http://www.reborninaustralia.com/events/
http://www.reborninaustralia.com/product/introduction-to-understanding-homeopathy-in-brisbane-on-23th-march-2017/?lang=en

Regards, J

Hi there,

I have been waiting for one day to get any suggesting form your support.

Please give me feedback on this issue!!!

Regards, J

Hello Junko,

I’m still not sure what you want to achieve. What do you mean by different menu bar?

Kind Regards, Roman.

http://www.reborninaustralia.com/events/
above page, For the rest of the pages, it has Home, About us, Service, Products, Blog, Events and Contact

http://www.reborninaustralia.com/cart-2/
above page and rest of the shopping related pages, i have setup the menu called RIA_shop which has only Home, Events, Cart and My Account.

For the rest of the pages, it has Home, About us, Service, Products, Blog, Events and Contact.

I can not change the color of those vavigation menu link color.

Are you able to understand what I want to achieve? I just want to change the link color that is all.

Regards, J

Hello Junko,

Please try to use this CSS code in order to change it on Shop page:

body.archive.woocommerce #mainnav ul li a {
    color: yellow;
}

You should change .archive.woocommerce part to target different pages.

Kind Regards, Roman.

Hi Roman,

Thank you so much for your help. Archive and single products pages work on the css code but not for the cart, payment, and my account page.

Could you please advice if cart, payment, and my account page has other body.name.woocommerce code for them?

Regards, J

Hello Junko,

Please try to use these selectors:
body.woocommerce-cart
body.woocommerce-checkout
body.woocommerce-account

Kind Regards, Roman.

Hi Roman,

You are always legend… Thank you so much…
Regards,

Junko

You are welcome Junko! :slight_smile:

Kind Regards, Roman.