Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #9889
    yomal
    Member

    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.

    #9890
    yomal
    Member

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

    #9891
    yomal
    Member

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

    #9950
    Sakin
    Keymaster

    @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;
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘HOME LINK Same Background colour’ is closed to new replies.