Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 29, 2022 at 6:07 pm #1359866
    Daniel

    Hi support team,

    i’ve added code from a flickr album in a code block. After saving, enfold adds classes to them. By hover the images they loose position and sort underneath each other. They do not stay side by side.

    Link in private content.

    How to get rid of this?

    Kind regards
    Daniel

    July 30, 2022 at 8:55 pm #1359957
    Mike

    Hey Daniel,
    Thanks for the link to your page, to keep the images inline on hover please add this css to your Quick CSS:

    .flickr .lightwindow {
	display: inline !important;
}

    After applying the css, please clear your browser cache and check.
    If you don’t want the overlay when you hover please also add this css:

    .flickr .lightwindow .image-overlay-inside {
	display: none;
}
.avia_transform .flickr .lightwindow:hover .image-overlay {
    opacity: 0 !important;
}

    Best regards,
    Mike

    August 1, 2022 at 10:27 am #1360074
    Daniel

    Hey Mike,

    that works, thank you so much!

    Best regards,
    Daniel

    August 1, 2022 at 12:03 pm #1360090
    Nikko

    Hi Daniel,

    I’m glad that Mike could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘When hover images they loose position’ is closed to new replies.