Customize Single Product Page

Hi,

Please add the below CSS code from Appearance > Customize > Custom CSS.

To fix select size and dropdown:

.woocommerce div.product.elementor form.cart table.variations
td.value:before {
    content: none;
}
.woocommerce div.product.elementor form.cart table.variations td { 
    display: block !important; 
    line-height: inherit !important; 
}
.theme-select {
    white-space: nowrap;
}

To hide reset:

a.reset_variations {
    display: none !important;
}

To hide in stock:

.woocommerce-variation-availability>p.stock.in-stock {
    display: none;
}

To fix the scroll option:

.woocommerce div.product.owp-thumbs-layout-vertical div.images .flex-control-thumbs {
    overflow: hidden;
}

To remove the zoom option follow the doc:
https://docs.oceanwp.org/article/599-disable-zoom-lightbox-and-gallery-slider-on-woocommerce-products

Thank you very much! It works pretty well!
About the scroll option, it display now just 2 picture aside (instead of 3), do you have any idea?

And for the select size, how can I make the box background white and the font in the box black? Actually the box background is black and the font in it is grey :
https://imgur.com/hNtnwdM

Thanks a lot,

UPDATE:
I have a few other things where I’ll need help, if someone know whats going on ??

About the picture product scroll option, I don’t see anymore the scroll but it now display just 2 picture aside (instead of 3), do you have any idea so I can get back all the uploaded pictures of the product?

About the “select size” dropdown menue, how can I make the box background white and the font in the box black? Actually the box background is black and the font in it is grey :
https://imgur.com/hNtnwdM

When I add a product, if I click on the cart, a pop up on the side came, and some of the text seems to be in white (I can’t see them, I have to underline them), is it possible to make it in black so it’s readable? Circled in red are the text that are actually white and that I want in black :
https://imgur.com/3ite4bU

On the cart page, I have some text that seems to be in black (I can’t see the text, I have to underline them to see). Can I make it in white so it’s readable? Circled in red are the text that are actually black and that I want in white. The one at the bottom is a button “validate”. I want it to be background/white – text/black & hover background/white – hover text/blue
https://imgur.com/undefined

On the checkout page, I would need to remove the white side line, to center the whole page which is a little bit offset on the left, and have all the grey and black text to be white :
https://imgur.com/kd4GJFn

After that I’ think I’ll be good on this website!!