Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1485514

    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

    #1485531

    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

    #1486016

    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

    #1486034

    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

    #1486067

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

    Best regards,
    Esther

    #1486070

    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

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