- This topic has 4 replies, 2 voices, and was last updated 3 years, 8 months ago by
Nadiacumine.
-
AuthorPosts
-
December 30, 2019 at 5:29 pm #231429
Nadiacumine
ParticipantHiya,
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
December 30, 2019 at 11:33 pm #231470Skandha
Participant@nadiacumine: Hello there,
Please post in your site URL so that I can look into the issue.Kind Regards,
SkandhaDecember 31, 2019 at 8:02 am #231507Nadiacumine
ParticipantMy 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?
ThanksJanuary 2, 2020 at 6:35 am #231610Skandha
Participant@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,
SkandhaJanuary 10, 2020 at 4:09 pm #232240Nadiacumine
ParticipantPerfect! 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! -
AuthorPosts
- The topic ‘Product page issue’ is closed to new replies.