Custom Navigation Tab

[Pierre Joannette]

Hi there,

Is there a way to have One tab with different color.

Cheers,

[Sonnal S Sinha]

Kindly show us your website URL.

Regards,
Dave

[Pierre Joannette]

Hi Dave,

www.dymarlube.com

Online Sotre Tab

Cheers,

[Sonnal S Sinha]

Kindly go to Appearance>>Customize>>Scroll down to left bottom to find Custom CSS and paste there

#topmenu ul li:nth-child(6) { background:#8224e3 !important; color:#fff !important;}

Regards,
Shri

[Pierre Joannette]

Hi Shri,

Again great support, to save time on your end you should have a Section on How To…

Cheers,

[Sonnal S Sinha]

Thanks for the suggestion 🙂

[Pierre Joannette]

Hi there,

One detail, all my #6 sub-page tab are changing color.
Is there a way to change only the top tab?

[Sonnal S Sinha]

Kindly go to Appearance>>Customize>>Scroll down to left bottom to find Custom CSS and paste there:

#topmenu ul li ul li:nth-child(6) { background:#bd98e2 !important;}

Regards,
Shri

[Pierre Joannette]

Good morning Shri,

Sorry I wasn’t clear.

I want the Top Menu Tab “Online Store” to be different color.
I Don’t want the sub-menu from all other tab “Product” to change color.

[Sonnal S Sinha]

Hi Pierre,

Remove the previous code from custom css box and add this code:

#menu-item-376 {background: #ffffff none repeat scroll 0 0 !important; color: #fff !important;}

Regards,
Brad

[Author]

Posts