Solved

Can't get background color on dropdown menu anchors

Posted on 2014-03-19
3
359 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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Windows 10 bookmarks html file 6 30
Menu Inconsistent 3 22
Your suggestions for a Wordpress Theme 2 21
Adjust the position 3 13
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
This article discusses four methods for overlaying images in a container on a web page
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

747 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

14 Experts available now in Live!

Get 1:1 Help Now