Okay
  Public Ticket #1444730
Sailent Menu Css
Closed

Comments

  •  1
    Stephan started the conversation
    January 24, 2018 at 10:47pm

    ?On : 
    http://web82226.customer.xenway.de/

    I want the submenu hover background color set to be full transparent (eg. white or black full transparent) to fit the transpency on the pull down menu. 
    http://web82226.customer.xenway.de/

    in the options of Sailent -> Header -> Navigationmenu -> Custom color -> Dropdown Background Hover 

    I setup a strong green #00ff00 to see the problem. 

    How can I change this color by css to a value like rgba(0, 0, 0, 0)  ?

    ---- 

    Future Advise , make all color options also rgba ready ..

    Thanks for your answer.




    fd971d23-1757-4fcb-a571-e5a78036470a

  •  8,470
    Tahir replied
    January 25, 2018 at 11:40am

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    body[data-dropdown-style="minimal"] #header-outer:not([data-format="left-header"]) header#top nav > ul > li:not(.megamenu) ul a:hover {
    background-color: rgba(82, 226, 19, 0.5) !important;
}

    Thanks


    ThemeNectar Support Team 

  •  1
    Stephan replied
    January 31, 2018 at 1:20am

    Thanks, and I want this for the current item submenu background aswell ... what now is black should be transparent too.  See: http://web82226.customer.xenway.de/produkte/kuehldecken-heizdecken/metallkassettensysteme/

    Thank you!

  •  8,470
    Tahir replied
    January 31, 2018 at 1:13pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    body[data-dropdown-style="minimal"] #header-outer:not([data-format="left-header"]) header#top nav > ul > li:not(.megamenu) ul li.current-menu-item > a {
    background-color: rgba(82, 226, 19, 0.5) !important;
}

    Thanks

    ThemeNectar Support Team