Changing colour of menu bar

Home › Forums › WordPress Theme Support › Silver Mag › Changing colour of menu bar

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! .