Change color :hover in primary-menu style 6 dark option

3 replies · opened Nov 12, 2019

DDcRodNov 12, 2019

Hi,
How change color in a:hover in primery-menu style-6 in dark version?

Thank you.

#primary-menu.style-6 > ul > li > a {
position: relative;
}
#primary-menu.style-6 > ul > li > a:after,
#primary-menu.style-6 > ul > li.current > a:after,
#primary-menu.style-6 > div > ul > li > a:after,
#primary-menu.style-6 > div > ul > li.current > a:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 2px;
width: 0;
border-top: 2px solid #1abc9c;
-webkit-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease;
}
#primary-menu.style-6 > ul > li.current > a:after,
#primary-menu.style-6 > ul > li:hover > a:after,
#primary-menu.style-6 > div > ul > li.current > a:after,
#primary-menu.style-6 > ul > li:hover > a:after {
width: 100%;

DDcRodNov 12, 2019

In the text, not only on
border-top: 2px
Thanks

DDcRodNov 13, 2019

I Find the way finally !

dark.css
170 .dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li:hover > a,
171 .dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li.current > a { color: #HEX; }

I tried to find the solution on (.dark) but it was on (.not-dark).
Cool.
So its resolved.

SSemicolon WebSTAFFNov 18, 2019

Hello,

Really Glad that your issues were resolved. Thanks for your Patience.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard