Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 18, 2020 at 9:23 am #1246702
    Jak73

    Hi,

    enfold theme has a nice mouse over effect for images (please see link 1. in private content).

    I would like to use the same effect for the blog-articles-element images too (Please see Link 2. for blog-article-element). Unfortunately i can find this effect in the settings of the blog-articles-element from this element.

    What do i have to add for css to have the same effect?

    Kind regards
    Jak

    September 21, 2020 at 2:11 am #1247208
    Mike

    Hey Jak73,
    Sorry for the late reply, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .avia_desktop .page-id-102 .slide-image img { transition: all .2s ease-in-out; }
.avia_desktop .page-id-102 .slide-image:hover img { transform: scale(1.1); }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    September 21, 2020 at 8:10 am #1247274
    Jak73

    Hi Mike,

    perfect! Thank you sooo much!

    Kind regards
    Jak

    September 21, 2020 at 12:42 pm #1247321
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Mouse over effect for images of blog-articles element (avia layout architect)’ is closed to new replies.