[Nadiacumine]

Hiya,

I’m having an issue that on the product page where you choose variations there’s a border around each variation. I cannot find where to edit this out. Does anyone have any advice on where in the code I can find this or how to tackle the problem.

Thanks

[Skandha]

@nadiacumine: Hello there,
Please post in your site URL so that I can look into the issue.

Kind Regards,
Skandha

[Nadiacumine]

My website isn’t currently published but I found another website that has the Izabel theme and what I’m talking about : https://lindabattsonart.com/product/thanksgiving-placemats/ as you can see there’s a box around the design and drop down menu. I just want to know how to get rid of the box and change the font size?
Thanks

[Skandha]

@nadiacumine: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.single-product div.product .woocommerce-product-gallery__image, table.variations td {
	border: none;
}
.woocommerce label {
    font-size: 20px;
}

Let me know if this is what you want!
Kind Regards,
Skandha

[Nadiacumine]

Perfect! Thanks so much!

I’m now having some trouble with the mobile version of the site because it changes it on the desktop site whenever I try to change something.
The biggest problem is that I have a table on the product page that’s being squished and the text is wrapping.
Another problem is that I wish to change the number of related products on product page on mobile version to be 2.
Lastly, on tablet the ‘shop’ page, all the products are too close together I want more space between them.
Thank you!

[Author]

Posts