Drop down menu color

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 20, 2014 at 6:23 am #4978
    Nicky
    Guest

    I initially installed Frontier and then made changes in the Editor. Is this was not so smart (especially when updates are made), I downloaded the Child Theme, installed it and then added the changes to the Editor. Previously, I was able to change the background color of the drop down (hover) menu. Currently it’s dark grey/black. I would like it in blue (#013567). Below is what I added to the Editor, but it doesn’t recognize it. Even if I change it to bright red (this is how I figure out I’m in the right spot to make changes) it doesn’t change it. I did go to Frontier Options, enabled the menu color and changed it to blue. That worked, but not the drop down section. Any ideas?

    #menu-main {background-color: #013567; border-bottom: 1px solid #000; float: left; width: 100%; padding-left: 10px; z-index: 20;}
#menu-main .sub-menu, #menu-main .children {width: 180px; background-color: #013567; border: 1px solid #000; position: absolute; z-index: 30; display: none;	box-shadow: 0 1px 4px #000;}
#menu-main .sub-menu li, #menu-main .children li {border-top: 1px solid #013567; border-bottom: 1px solid #000;}
    February 20, 2014 at 8:40 am #4980
    Ron
    Keymaster

    You were probably using an old theme that was at least 5 versions ago. There were changes on the menu markup that I mentioned on the theme changelog and also on wordpress.org where #menu-main was changed to #nav-main.

    Try this:

    #nav-main,
#nav-main .sub-menu,
#nav-main .children {
    background-color: #013567;
}

#nav-main .sub-menu li, #nav-main .children li {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #013567;
}
    February 21, 2014 at 1:24 am #4981
    Nicky
    Guest

    Thank you!! That worked.
    Reason that I was 5 versions behind was that I didn’t want to update until I had the child theme setup.
    Another quick question: where can I find the CSS info for Frontier? Once I installed the child theme, it just refers to it, but I’d like to know where it’s listed, in case I want to make another change.
    Cheers,
    Nicky

    February 21, 2014 at 10:18 pm #4985
    Ron
    Keymaster

    On the admin area, go to Appearance -> Editor
    On the upper right corner there is a “Select theme to edit” option where you can select the parent theme so you can view the original style.css

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘WordPress Themes’ is closed to new topics and replies.