Topic: Navigation and colors | codeex.

  • I am having difficulties with the menu color editing. I have wrote CSS to customize lots of items in this theme and it could be the problem. How can I get the colors where I want them?
    Here is all the CSS I wrote for the them as well……

    /* Reduces height of menu bar */ .theme-menu ul li a:link, .theme-menu ul li a:visited { padding: 25px; font-size:18px !important;

    }

/* Change color of hover color and underline */ li a:hover, li a:focus { color: green !important; text-decoration: underline;

}

/* Changes sidebar background color */ .sidebar { background: #217848;

}

/* Set mouse hover color to red */ a:hover { color: red !important;

}

.advance-search-widget ul li label { color: #000000;

}

/* change color of the advance search button */

.contact-form input[type=”submit”], #respond input[type=”submit”], .services-desc a.more, .pactions a i, .feat-thumb figcaption a i, .feat-medium figcaption a i, .pimage figcaption a i, a#toTop, .nsu-submit, .advance-search-block input[type=”submit”], a.back-home:link, a.back-home:visited, a.continue, .advance-search-widget ul li input[type=”submit”], .dsidx-widget.dsidx-search-widget .dsidx-search-button input[type=”submit”], #dsidx.dsidx-details .dsidx-contact-form table input[type=”button”], .property-four-cols .view-details a, .agent-form ul li input[type=”submit”] { background-color: #509E73 !important;

}

/* Changes search bar color */ #dsidx-top-search #dsidx-search-bar { color:#ffffff; background-color:#509E73;

}

#wpcr_commentform input { background-color: #E6E6E6;

}

#wpcr_commentform textarea { background-color: #E6E6E6;

}

body.login #login h1 a { background: url(‘http://www.homemtp.com/wp-content/uploads/logo_transparent300x193.png’) center top no-repeat transparent; width: 100%; height: 206px; } .page-title-block-default { display: none;

}

.featured-listing h4 a { color: #ffffff !important } .dsidx-resp-area label { color: #ffffff;

}

.dsidx-results-widget { color:#ffffff;

}

.sf-menu li.sfHover ul li a:hover { background: #217848 !important

}

.theme-menu ul li.current-menu-parent ul.sub-menu li a, .theme-menu ul li.current-menu-ancestor ul.sub-menu li a { color: #FFF !important;

}

.theme-sub-menu a:hover { background: #217848 !important

}

.theme-sub-menu { background:#217848 !important

}

.current-menu-ancestor { background:#217848 !important

}

Sorry, this forum is for verified users only. Please Login or Register to continue