Making Submenu Same Color As Main Menu

Hi Maria,

Thanks for posting the question for submenu color. I figured out ‘#access ul ul’ is for the menu drop down. I made the following changes in custom CSS section to make the menu bar and submenu to sky-blue:

#access {
	background-color: #a1dbff;
}
#access a { color: white; }
#access a:hover { color: white; }
#access ul ul a {
	background: #a1dbff;
}

Please substitute the background/background-color code as you wish.

Thanks
htc123

Hey there,

So sorry for not getting back to you sooner, but thank you for following up on this!

Because the blue that I’m using is so dark, I’d like to change the text in the submenus to white like the main menu. I’ve been fiddling around with it, trying any code possible, but I can’t seem to get it to work. Would you happen to know how to do this?

Best,
Maria

Hi MariaM27,

Sorry I did not check this post for sometime myself.

To change the submenu text to white, use the following css code in custom CSS.
(Appearance -> Theme Options -> Custom CSS)

#access ul  li ul li a {
        color: #ffffff; /* #ffffff; is white. #ffa500; is orange. This is the submenu text color */
}

That’s OK, thank you for following up on this request! I just tried the code, and the submenu looks awesome! Thanks so much for your help ??

Best,
Maria

Hi Maria, I had a look at your site and wanted to copy something off you. I noticed that your slider doesn’t show the description that is displayed in the box below the title of the page. Could you please tell me how you achieved this? Currently my website is displaying all of the text within the page and its blocking out too much of my image https://www.physiofusion.co.nz

Thank you.

Hi there!

Here’s the code that lets you get rid of the gray box completely, leaving only the title:

.featured-content {
display: none;
}

Hopefully this answers your question, but if not, this is the thread where I received for it: https://www.ads-software.com/support/topic/remove-gray-box-in-featured-slider

Good luck,
Maria

Hello again!

I just noticed that when I click on a submenu item and am taken to that page, if I try to choose another page within that same parent category, the submenu text is dark, not white like it should be.

For example, here’s my site: https://www.readingforpleasure.net/.

When I click on the “Book Collections” category in the menu and select “Black History Month Books,” I am taken to that page. But let’s say I want to click on “Book Collections” again to go to another subcategory. The text is dark against my blue submenu color.

Any ideas how I can fix this?

Best,
Maria