Archived topic
Margin between product heading and price
3 replies · Started by Praveen on July 7, 2021
hi guys,
The space between price and the heading is very low. Any way to increase it? URL is attached.
Also, if you can guide me how to find these small changes myself (a tutorial etc) I will try to figure these things out myself next time and not bother you guys!
Hi there,
you can add some top margin to the price element with this CSS:
.woocommerce div.product p.price {
margin-top: 20px;
}The HTML and CSS for woocommerce are generated by the Woo plugin NOT the theme. There isn't really any tutorials out there for editing those. Look into CSS courses that involve using the Browser Developers tools which will allow you to find the right CSS selectors.
Hi,
Thanks! it worked :)
Is there a way to remove pricing info in the related products that are shown at the bottom of the page?
Try this CSS:
.woocommerce .related ul.products li.product .price {
display: none;
}