- This topic has 7 replies, 2 voices, and was last updated 7 years, 7 months ago by
.
-
Posts
-
Hi
Is there anyway to change the spacing in the woocommerce part? I’d like to change the padding around the images in the category and main shop pages. Its just so spaced out at the moment.
I’m also not sure how to change the woocommerce price sizes and in my single product page the price is jammed right against the product title.
Any help would be appreciated, Thanks in advance
AaronCustomer Support
Hi there,
Give this CSS a shot:
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin-left: 2% !important; } .woocommerce div.product p.price { font-size: 20px; padding-top: 5px; }Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know 🙂
Hi Leo, I’ve added that css but it doesn’t seem to make any difference. I tried changing the values but couldn’t notice any change.
Thanks
AaronEdited the first block of CSS a bit:
https://generatepress.com/forums/topic/spacing-and-font-size-in-woocommerce/#post-649388I can see the second block working.
Make sure you clear the caching plugin as well.
Thanks Leo,
I can see them both working.
I added a top and bottom margin too. On the categories page like this one https://acarvedpiece.com/product-category/carved-birds/ the bottom margin code I added adds space between a product and the product below it. What could I add that would change the spacing between the product image and product title below it ? its just so large at the moment.
Thanks a lot,
AaronTry this CSS:
h2.woocommerce-loop-product__title { margin-top: 0px !important; }It worked great, thank you
No problem 🙂
- You must be logged in to reply to this topic.
