Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 16, 2025 at 4:15 pm #1485514
    esther nijhuis

    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

    June 16, 2025 at 9:45 pm #1485531
    Mike

    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

    June 27, 2025 at 10:06 am #1486016
    esther nijhuis

    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

    June 27, 2025 at 12:30 pm #1486034
    Mike

    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

    June 28, 2025 at 9:31 am #1486067
    esther nijhuis

    Thank you very much! This works perfectly! 😃🙏🏼

    Best regards,
    Esther

    June 28, 2025 at 12:03 pm #1486070
    Mike

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Color hover effect content element’ is closed to new replies.