Colour of an element changes when hovering over another one
-
Hello,
I would like to make something similar to the page on this site: https://cigue.net/en/index/
So I noted that in the theme's css:
#scenography1:hover ~ #scenography2 {
color: black!important;
}Then change the css class of my elements.
Only when I hover over the "scenography1" element the other elements do not change colour.
However, I tested it by replacing "Color" with a coloured background and it works. What's more, I succeeded on a test server that doesn't use the theme. So I guess the problem is the theme, but I can't put my finger on it.
Can you help me?
-
can u send the url of where ure trying to achieve this
the tilde selector ure using, i havent ever used or seen it
this is it:
https://www.w3.org/TR/selectors-3/#general-sibling-combinatorshow exactly are u imagining the selector to work?
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