Drop-down menu background colour in tdSimple

Resolved jonjermey
(@jonjermey)

9 years, 11 months ago

I’m using the tdSimple theme here:

http://webindexing.biz/terraintest/photographers/paul-mallam/

It’s ideal except for the fact that the background colour behind the items in the drop-down menu is white instead of grey. I’ve tinkered with the CSS to no avail, and I’ve written to the theme designer but haven’t got a reply. Below is the submenu element from the page as it appears in Chrome. Can anyone suggest a way to change the background colour?

Thanks,

Jon.

<ul class=”sub-menu”>
<li id=”menu-item-75″ class=”menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-67 current_page_item menu-item-75″>Paul Mallam
<li id=”menu-item-74″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-74″>Peter McMahon
<li id=”menu-item-73″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-73″>Peter Lang

Viewing 3 replies - 1 through 3 (of 3 total)

(@coreyscott)

Go to your css line 266 and find

.main-navigation .nav-bar li .sub-menu li.current-menu-item a:hover,
.main-navigation .nav-bar li .children li a,
.main-navigation .nav-bar li .sub-menu li a {
	padding: 20px 14px;
	background: #fdfdfd;
}

Add !important to the background and change the color like this

.main-navigation .nav-bar li .sub-menu li.current-menu-item a:hover,
.main-navigation .nav-bar li .children li a,
.main-navigation .nav-bar li .sub-menu li a {
	padding: 20px 14px;
	<strong>background: #00cccd !important;</strong>
}

coreyscott

(@coreyscott)

9 years, 11 months ago

Be sure to leave out the tags my mistake.

Thread Starter

jonjermey

(@jonjermey)

9 years, 11 months ago

Excellent! Thank you very much!

Viewing 3 replies - 1 through 3 (of 3 total)