deactive Links in Texts Mouseover via css
-
Hi!
I have a custom dark mode theme switcher on my website. For that I would like to bypass "Links in Texts Mouseover" via css. I can't seem to find the correct selector using Chrome's inspect function.
Can anyone help me?
(a:hover does not work for me) -
have you tried "!important"?
a:hover{ color: black!important; } -
Hi, yes doesn't work unfortunately
-
I have a work-around at the moment using a button design for the links, but with only 3 possible button designs to occupy it would be nice to just overwrite the a:hover function.
-
ah sorry for the late reply!
.no-touchdevice .lay-textformat-parent a:not(.laybutton):hover, .no-touchdevice .lay-textformat-parent a:not(.laybutton):hover span, .no-touchdevice .lay-link-parent a:not(.laybutton):hover, .no-touchdevice .lay-link-parent a:not(.laybutton):hover span, .lay-textformat-parent a:not(.laybutton).hover, .lay-textformat-parent a:not(.laybutton).hover span, .no-touchdevice a.projectlink .lay-textformat-parent>*:not(.laybutton):hover, a.projectlink .lay-textformat-parent>*:not(.laybutton).hover, .no-touchdevice .lay-carousel-sink .single-caption-inner a:not(.laybutton):hover, .no-touchdevice .lay-marquee p a:not(.laybutton):hover, .no-touchdevice .link-in-text:hover, .link-in-text.hover{ color: green!important; }
:D
-
.no-touchdevice is a body class
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it
Forgot your key, lost your files, need a previous Lay Theme or Addon version?
Go to www.laykeymanager.com