Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 15, 2020 at 12:16 pm #1252987
    Promultis

    Hi,
    I’m facing an issue where the image link overlay icon that appears on mouseover is causing elements to resize and shift which doesn’t look good
    So far I have tried:

    Adding the following CSS to pages
    .image-overlay-inside, .image-overlay.overlay-type-extern {
    display: none!important;
    }

    Also tried
    .avia-image-overlay-wrap a.avia_image .image-overlay {
    display: none !important;
    }

    I have also tried going to Enfold settings – advanced styling-linked image overlay and setting that to disable overlay but it still seems to load the overlay styling which is pushing all my on-screen elements down and out of position

    Is there somewhere I can completely delete the image overlay and its associated styling?

    October 16, 2020 at 3:55 pm #1253294
    Victoria

    Hey Promultis,

    I do not see any overlays on this page.

    Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

    October 16, 2020 at 4:21 pm #1253310
    Promultis

    Hi Victoria,

    The actual overlay images themselves I have managed to disable, I have re-enabled them for you to see the issue

    If you hover over any of the 5 product images near the top of the page you will the buttons below pushed down

    And the same with the 6 images at the bottom of the page, they shift the text below them

    Even if I disable the image link overlay in advanced styling, something is still being loaded in that is moving things

    October 18, 2020 at 6:39 pm #1253655
    Victoria

    Hi Promultis,

    Can you please disable the overlay again? I can see the issue now.

    Best regards,
    Victoria

    October 19, 2020 at 12:39 pm #1253935
    Promultis

    Hi Victoria,

    The overlay has been disabled again

    October 19, 2020 at 3:25 pm #1254008
    Victoria

    Hi Promultis,

    The code is coming from some builder plugin, please try the css below.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .et-db #et-boc .et-l .et_pb_image  {
  padding-bottom: 0 !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 20, 2020 at 9:59 am #1254290
    Promultis

    Hi

    I tried placing that CSS under general styling, on the page CSS, and under custom.css, and the shifting is still happening

    just a note the URL has moved over to the link below

    October 20, 2020 at 9:48 pm #1254472
    Victoria

    Hi Promultis,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top.et-db #et-boc .et-l .et_pb_image  {
  padding-bottom: 10px !important;
}
.et-db #et-boc .et-l .et_pb_module a {
   padding-bottom: 0px !important;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 21, 2020 at 10:14 am #1254594
    Promultis

    Hi Victoria,

    That has solved my issue

    Thank you very much for your help, it’s very much appreciated :)

    October 21, 2020 at 12:44 pm #1254632
    Nikko

    Hi Promultis,

    We’re happy to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Remove image link overlay completely’ is closed to new replies.