Solved

Can't get background color on dropdown menu anchors

Posted on 2014-03-19
3
360 Views
Last Modified: 2014-03-23
Hi,
I've been futzing around with this for over an hour and I can't imagine what the problem is.
It's gotta be something bonehead that I'm doing.

When you hover over any menu item that has a drop down, the background for the anchors is transparent. This didn't used to be that way. I think the Wordpress menu update a while back broke it.

Anyway, no matter what I try I can't get the background to show up, nor the hover.

http://bit.ly/1kIUewi

Thanks so much!
0
Comment
Question by:Alicia St Rose
3 Comments
 
LVL 10

Accepted Solution

by:
jtwcs earned 500 total points
ID: 39940457
It looks like the declaration is already there but it's not targeting the correct element.

#primary-menu ul#menu-nav li ul li a, #page-nav ul#menu-nav li ul li a {
    background: #b5caa3;
    text-shadow: 0px 1px 1px #777;
    color: #fff;
    font-size: 1.1em;
}

Open in new window

#menu-nav does not exist so it is not styling the drop downs.  The ul has an id of menu-primary.  Update your declaration to the following and it will give the drop downs the background color.

#primary-menu ul#menu-primary li ul li a {
    background: #B5CAA3;
}

Open in new window

0
 
LVL 15

Expert Comment

by:Insoftservice
ID: 39940498
#primary-menu li ul, #page-nav li ul {
    background-color: #FF0000;
    border: medium none;
    margin-top: 8px;
}

i have just changed the background color
0
 
LVL 7

Author Closing Comment

by:Alicia St Rose
ID: 39948986
I think it was a caching plugin at work. I'd already had the #menu-nav changed to #primary-nav. I just went back to the page and it's working.

Thanks!
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Change color of modular 8 22
Wordpress Carousel Size 1 15
Put shading on half of picture 8 24
Make navigation bar highlight the page you are on. 1 9
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now