Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 30, 2022 at 9:50 pm #1363303
    nV15OoBtg21iTn5z

    I changed the default size of my thumbnails from 80×80 to 300×300. Now my image overlay has shifted on hover.

    Depending how you mouse over, most of the time the overlay is shifted up. Sometimes you can mouse back over it and it will center.

    How can I fix this?

    August 31, 2022 at 9:50 am #1363318
    Ismael

    Hey nV15OoBtg21iTn5z,

    Thank you for the inquiry.

    Try to add this css code to adjust the size and position of the overlay. 

    .avia_transform a .image-overlay {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    August 31, 2022 at 7:36 pm #1363401
    nV15OoBtg21iTn5z

    Worked perfectly! Thank you!

    September 1, 2022 at 2:53 am #1363422
    Mike

    Hi,
    Glad Ismael could 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 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Image Overlay Position for Resized Thumbnails’ is closed to new replies.