Hi Enfold-team,
I hope you can help me with a simple animation on this page: https://www.brightbusiness.nl/nieuws
Is it possible to make a content block change color when I hover over it with my mouse?
Greetz Esther
Hey esther nijhuis,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.flex_column:hover {
background-color: red;
}
and change the color to suit.
If you want this to only work on this one page then add the page class like this:
.page-id-23244 .flex_column:hover {
background-color: red;
}
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
Mike
Hi Mike,
Thanks for the code, it works fine! https://www.brightbusiness.nl/nieuws-3
The effect is now also visible in the header and footer. Is it possible to make the effect work only in the middle (second) container?
Tnx in advance!
Esther
Hi,
Try this instead:
.page-id-23244 #nieuws .flex_column:hover {
background-color: red;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Thank you very much! This works perfectly! 😃🙏🏼
Best regards,
Esther
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike