Imagen de producto

YITH Support Representative

Hi there,
please try add this css code in Appearance -> Customize -> additional css:

body.single-product div.product .woocommerce-product-gallery .flex-viewport {
    max-height: 660px;
}

This should be solve your issue.

Hello, thanks for the answer
Could you help me with 1 more questions?
1. Change the background color of the product photo gallery to white, for this reason the arrows to move forward or backward are not visible, could you tell me that the css selector allows me to change the color and background of the arrows?

Hi there,
you can change the background color using this rule:

.pswp__button--arrow--right,
.pswp__button--arrow--left,
button.pswp__button--arrow--left::before,
button.pswp__button--arrow--right::before,
button.pswp__button:hover {
    background-color: #ebebeb !important;
}

This should do the trick

Hi, thanks for your response!
Could you help me with two other questions I asked a few months ago on the forum.
These are the questions:

https://www.ads-software.com/support/topic/product-page-design/#post-13936978
https://www.ads-software.com/support/topic/modal-window-error/#post-14205218

Thanks