Home Button changes color on hover, hover defined.

  • Resolved alonperel

    (@alonperel)


    9 years, 8 months ago

    Hi,

    On the navigation-menu-panel I have the “home” link and I have the page-button-menus. They are all defined for the same style(below), but the home button changes color on hover(the home link has been given the class of current_page_item). I would appreciate some help. Thanks.

    Website: https://www.integra.care/

    .current_page_item {
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    border-radius: 20px;
    -webkit-box-shadow: 1px 1px 3px #000000;
    -moz-box-shadow: 1px 1px 3px #000000;
    box-shadow: 1px 1px 3px #000000;
    font-family: Georgia;
    color: #254a1c;
    font-size: 20px;
    padding: 1px 10px 1px 10px;
    background: #ffffff;
    text-decoration: none;
    border: solid #ffffff 1px;
    margin: 7px;
    }
    .current_page_item:hover {
    border: solid #000000 1px;
    color: #254a1c;
    text-decoration: none;
    }

Viewing 3 replies - 1 through 3 (of 3 total)

  • As I understand it you want to just delete this maroon hover HOME button?
    If so, delete this in-line style.css line 164

    a: hover {
    ?? color: # b85051;
    ?? transition: color .15s ease-in-out;
    }

    Thread Starter alonperel

    (@alonperel)

    Hi,

    I did that but now it became red all the time, so I tried removing this line as well:

    a {
	text-decoration: none;
	color: inherit;
}

    Didn’t help and messed with the page-links, so I returned it. So then what I did was I returned that line with a changed color to the one I want it permanently at:

    a:hover {
   color: #254a1c;
   transition: color .15s ease-in-out;
}

    did not help either ?? So now I deleted it.

    It is red permanently from the home page, but black from all other pages. so weird…

    Thread Starter alonperel

    (@alonperel)

    Ok, solved it. I did a search on “color” and then I saw this:

    .current-menu-item > a {
    color: #a62425;
    }

    Which I think is the “home-button” class, so I changed it to the #254a1c; and now it’s all good.

    Thanks for pointing me in the right direction!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Home Button changes color on hover, hover defined.’ is closed to new replies.