[yomal]

Hi,
How can I use my home link with same background colour. I have tried this way for custom link with image.

<div style=”background-image: url(‘http://www.test.com/wp-content/themes/simple-catch/images/home.png&#8217;); width:100px; height:130px; background-repeat: no-repeat; background-color:#444; display: inline; margin: 0; padding: 0 0 0 20px; “> </div>

Basically I dont need to change background colour of Home link, when other links clicked. please help.

[yomal]

My site is http://www.sambaero.com/latin-carriers/. please help. thanks for your nice theme anyway.

[yomal]

Hi forgot to mention, the theme I’m using is 2.3.4.

[Sakin]

@yomal: Thanks. I see that you have use the following css to highlight the home link in your menu. Remove that and it will not highlight when you have active any other link. `#menu-main li:first-child a {
background-color: #444444 !important;
}`

and also remove the code
<div style=”background-image: url(‘http://www.test.com/wp-content/themes/simple-catch/images/home.png’); width:100px; height:130px; background-repeat: no-repeat; background-color:#444; display: inline; margin: 0; padding: 0 0 0 20px; “> </div>
that you have added in for home menu and just replace with the text home.

Then add the following CSS in your “Appearance => Theme Options => Custom CSS” box.

#header #mainmenu ul li#menu-item-149 a:hover, 
#header #mainmenu ul li#menu-item-149.current-menu-item a {
    background: url("http://www.sambaero.com/wp-content/themes/simple-catch/images/home.png") no-repeat scroll center center #444;
    display: block;
    text-indent: -99999px;
}

[Author]

Posts