“Click to enlarge” icon

The “Click to enlarge” icon keeps jumping down below the actual picture, thus it makes my page longer than intended, ruining part of the design.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

So, I found out that if 2nd or 3rd picture are bigger than the 1st image, then the page gets weirdly stretched, to the size of the biggest image, even if its not active.

Hello,

Glad you found it!

Please make sure all product gallery images use the same dimensions and aspect ratio.

Please check this manual and upload the same size of the product images: https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

Best Regards

Ok.

How do i change the color of the icon?

Hello,

Try to add the following CSS in Theme Settings > Custom CSS. Change the code as per your requirements.

.wd-show-product-gallery-wrap.wd-action-btn.wd-style-icon-bg-text {
    --wd-action-color: #ff0000 !important; /* Icon color */
    --wd-action-color-hover: #000000 !important; /* Hover color */
}

.wd-show-product-gallery-wrap.wd-action-btn.wd-style-icon-bg-text > a {
    background-color: #ccbfbf !important;
}

Best Regards

[Author]

Posts