Drop-down menu background colour in tdSimple

  • Resolved jonjermey

    (@jonjermey)


    10 years, 6 months ago

    I’m using the tdSimple theme here:

    https://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)

  • 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>
}

    Be sure to leave out the tags my mistake.

    Thread Starter jonjermey

    (@jonjermey)

    Excellent! Thank you very much!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Drop-down menu background colour in tdSimple’ is closed to new replies.