WordPress.org

Forums

tdSimple
[resolved] Drop-down menu background colour in tdSimple (4 posts)

  1. jonjermey
    Member
    Posted 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

  2. coreyscott
    Member
    Posted 11 months ago #

    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>
    }
  3. coreyscott
    Member
    Posted 11 months ago #

    Be sure to leave out the tags my mistake.

  4. jonjermey
    Member
    Posted 11 months ago #

    Excellent! Thank you very much!

Reply

You must log in to post.

About this Theme

About this Topic