Solved

Can't get background color on dropdown menu anchors

Posted on 2014-03-19
3
364 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Secure Your Active Directory - April 20, 2017

Active Directory plays a critical role in your company’s IT infrastructure and keeping it secure in today’s hacker-infested world is a must.
Microsoft published 300+ pages of guidance, but who has the time, money, and resources to implement? Register now to find an easier way.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Need help with this homework problem. 5 58
Link not working 6 42
How do I show a login page over the login page? 5 40
Text color in a select 11 23
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article shows the steps required to install WordPress on Azure. Web Apps, Mobile Apps, API Apps, or Functions, in Azure all these run in an App Service plan. WordPress is no exception and requires an App Service Plan and Database to install
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 receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

749 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