Hover style dark.css

1 reply · opened Nov 20, 2020

IIntensivedesignNov 20, 2020

I saw this has been asked before, but couldn't figure it out. I want the white menu links (header) to appear yellow when hovering.

Read that I could add the following code in dark.css

.dark #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a,
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a { color: #1ABC9C !important; }

But it doesn't seem to work. On which place in the code should I add this?

And how do I get rid of the thin white border around the menu links when hovering?

SSemicolon WebSTAFFNov 21, 2020

Hello,

Simply remove the .style-4 Class from the .primary-menu DIV. This will remove the Thin Border and also add colors on the links on hover.

Additionally, for Color Schemes customizations, consider checking out this Documentation: http://docs.semicolonweb.com/docs/getting-started/color-schemes/ .

Hope this Helps!

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

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