Styling your drop down text

With the basic wordpress install, you are able to nicely style the menu colors etc, but I have run into a problem several times where I use the same color to highlight which page I am on as the color of the background of my dropdown. So if I had a blue nav bar, my menu text is white, my page highlight is white bold and my dropdown menu is white then what happens is if you are on a page in your dropdown, the menu option vanishes into the background.

So what can you do about this?

Looking at the current page item you see this code:

#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #ededed;
font-weight:bold;
}

So all you need to do is add an extra ul in there so you are now controlling the color of the drop down text. Just like this:

#access ul ul li.current_page_item > a,
#access ul ul li.current-menu-ancestor > a
#access ul ul li.current-menu-item > a,
#access ul ul li.current-menu-parent > a {
color: #3579a6;
font-weight:bold;
}

That should solve your problem.

The Jacksonville SEO Company For Your Business

By Dave Fogel | December 27, 2022

Looking for a Jacksonville SEO Company? You have come to the right place.  We have put together some helpful information about SEO that will hopefully answer some of the most common questions about SEO. What is SEO? An SEO (Search Engine Optimization) company helps businesses improve their visibility on search engines like Google, Bing, and…

What Are The Most Popular Facebook Ad Sizes?

By Dave Fogel | December 27, 2022

The most popular Facebook ad sizes are: 1200 x 628 pixels (1.9:1 aspect ratio): This size is recommended for most types of ads, including single image, carousel, and video ads. 1080 x 1080 pixels (1:1 aspect ratio): This square size is recommended for image and video ads that will be displayed in the news feed.…

Where Do Facebook Ads & Instagram Ads Appear?

By Dave Fogel | December 27, 2022

Facebook ads appear in a variety of places across the platform, including in the newsfeed, on the sidebar, and in Marketplace. In the newsfeed, ads are displayed alongside other posts from friends, family, and pages that have been liked. Ads are also displayed on the sidebar, where they appear alongside other suggested pages and posts.…

Posted in

Dave Fogel

Leave a Comment