Changing colour of menu bar

This topic contains 9 replies, has 3 voices, and was last updated by John 9 years, 6 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
October 23, 2014 at 10:00 am #4084

John
Member

I bought Silver Mag Pro today, and I’m having a minor issue. I want to have my main menu/navigation bar be red #AE2720. Is there a way for me to change the color from the set templates to this shade of red?

October 25, 2014 at 12:23 am #4097

Sandro
Member

search in CSS/skins , choose the skin you use and from there you can change the colors.

October 25, 2014 at 7:43 am #4098

John
Member

Hi Sandro. For the life of me, I can’t figure it out. Is this a change made in the edit themes section? All I’m trying to do is change the colour of the main menu bar.

October 25, 2014 at 11:23 am #4099

Raja CRN
Keymaster

Hello,

Add the following code in the SilverMag Pro > Styling > Custom CSS Section

#catnav.teritary, #catnav.secondary .menu-home a {
background: #1D9BF3!important;
}

October 28, 2014 at 6:53 pm #4112

John
Member

This reply has been marked as private.

October 28, 2014 at 10:06 pm #4116

John
Member

Hi Raja,

I got the css code you gave me to work. The secondary menu changed color to red.

However, I still would like the main menu that is directly above/connected to the secondary menu to be red as well. The main menu (including the search button and drop down menus) are still blue. Is there a code I can enter to get that changed?

October 29, 2014 at 11:10 am #4119
Raja CRN
Keymaster
Hello,

Use this code,
```
#catnav.teritary, #catnav.secondary .menu-home a,.sb-icon-search,#catnav ul li.dropme a {
background: red!important;
}
```
October 31, 2014 at 5:33 am #4133

John
Member

Thanks Raja.

I would also like to change the main Category Menu Navigation. It is white, and I’ve had a few people suggest that I add colour to that to make it stand out more. Is there a code I can enter to fill in the white?

October 31, 2014 at 6:02 am #4134

Sandro
Member

Try this:
#catnav.secondary {background: none repeat scroll 0% 0% #FFCEE2;}

October 31, 2014 at 7:11 am #4135

John
Member

That worked perfectly! Thanks Sandro 🙂
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

Only Verified Customer of this Theme Can post reply to this Support Topic! .