Drop down menu color

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #4978 Reply
    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;}
    
    #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;
    }
    #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

    #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

Viewing 4 posts - 1 through 4 (of 4 total)
Reply To: Drop down menu color
Your information: