Okay
  Public Ticket #2370459
Transparent header menu item/button color
Closed

Comments

  •  1
    thenimo started the conversation
    April 21, 2020 at 7:03am

    Hey, 

    I have a menu item and a button on the header navigation on home page. I cant seem to get the hover effect to be the same on the transparent header as it is in the the scrolled (non-transparent) header. I basically want everything to be black when not hovered and #ffdd00 on hover (this includes the button stroke and text)

    Can you help me out?

  •  3,183
    Andrew replied
    April 21, 2020 at 9:24am

    Hi thenimo,

    Use the following custom css in Salient > General settings > CSS/Script related:

    #top nav >ul >li[class*="button_bordered"] >a:before, #header-outer.transparent #top nav >ul >li[class*="button_bordered"] >a:hover::before {
    border: 2px solid black;
}
#header-outer:not(.transparent) #top nav > ul > .button_bordered > a:hover:before {
    border-color: black !important;
}

    Hope this helps.