Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 25, 2020 at 2:19 am #1215901
    fcp

    Hi,

    I added this code to disable icon and effect on images in the category page in private content:

    .image-overlay.overlay-type-extern .image-overlay-inside:before {display: none !important;}
.archive .image-overlay {background-color: transparent!important;}

    Then, i added a zoom animation on hover.
    But there is one issue: I can’t hide bottom overflow when images are zoomed.
    Could you please help me?

    If needed, you can find credentials in private content.

    Thanks a lot!

    May 25, 2020 at 4:12 am #1215926
    Jordan Shannon

    Hey fcp,

    The link you provided is not working for me.

    Best regards,
    Jordan Shannon

    May 25, 2020 at 12:05 pm #1216090
    fcp

    Hi Jordan,

    I’m sorry I don’t know what happened..
    Everything seems to be ok now.
    Could you please try again?

    Thanks!

    May 26, 2020 at 5:34 pm #1216549
    fcp

    Hi,
    Please find new credentials in private content.
    Waiting for your help.
    Thanks a lot!

    May 27, 2020 at 1:11 am #1216751
    Jordan Shannon

    Hi,

    Add this to quick css:

    .petite-image-ronde-page-accueil .av-image-caption-overlay-center{
padding-bottom:0px!important;
}

    Best regards,
    Jordan Shannon

    May 27, 2020 at 10:42 pm #1217186
    fcp

    Hi Jordan,
    I’m sorry but this code doesn’t work.
    But I don’t really understand, because this code uses one of my Custom CSS Class which is attributed to images on a completely different page…

    June 3, 2020 at 9:29 pm #1219249
    fcp

    Hi,
    Any help on this please? :-(
    Thanks a lot!

    June 4, 2020 at 10:40 pm #1219583
    Jordan Shannon

    Hi,

    Apologies, for the delay. Are you able to screenshot the issue so I know I’m targeting the correct section.

    Best regards,
    Jordan Shannon

    June 5, 2020 at 2:37 pm #1219829
    fcp

    Hi Jordan,
    You can see the issue on the page in private content.
    I made a screenshot of this issue: when hovering the images, overflow is hidden, except for the bottom of images.
    Thanks!

    June 15, 2020 at 5:15 pm #1222755
    Ismael

    Hi,

    We can’t find the item that you posted in the screenshot. Did you remove it? And we can’t reproduce the issue on other items.

    Thank you for your patience.

    Best regards,
    Ismael

    June 17, 2020 at 11:10 pm #1223512
    fcp

    Hi Ismael,
    I modified some WooCommerce options, but now the page is back!
    You can find informations in private content.
    Thanks!

    June 21, 2020 at 7:36 pm #1224432
    Ismael

    Hi,

    Thank you for the update.

    Try to use this css code to cover up the bottom part of the image.

    .archive .product-category a::after {
	content: '';
	background: #ffffff;
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: 15px;
}

    The effect is not working as expected because along with the image, the title is also inside the link tag, which is what’s supposed to contain the image.

    Best regards,
    Ismael

    June 21, 2020 at 11:01 pm #1224447
    fcp

    Perfect!
    I adjusted your code with bottom: 14px; and it works like a charm.
    Thank you very much, Ismael! ;-)

    June 22, 2020 at 7:22 pm #1224677
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Zoom effect on images (category page)’ is closed to new replies.