Archived topic
Spacing and font size in Woocommerce
7 replies · Started by Aaron on August 14, 2018
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
Aaron
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
Aaron
Edited the first block of CSS a bit:
https://generatepress.com/forums/topic/spacing-and-font-size-in-woocommerce/#post-649388
I 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,
Aaron
Try this CSS:
h2.woocommerce-loop-product__title {
margin-top: 0px !important;
}It worked great, thank you
No problem :)
