Archived topic
Padding is not similar for all products
6 replies · Started by Ritesh on June 3, 2021
Hello,
The padding and margins seems not the same for all products
You can see this screenshot (https://prnt.sc/13vq844), that how Add-to-Cart buttons. in the 3rd product, the height from buttom is very less others 2 (life side)
Website URL: https://the-mencare-co-6aed26.ingress-earth.easywp.com/shop/
Hi there,
Looks like you've added this CSS:
#wc-column-container .product:not(:last-child) {
padding-bottom: 30px;
border-bottom: 1px solid #ccc;
}It's excluding the last product as you are using :not(:last-child).
Just now I created border-radiuss, but you can see the last product is not getting changed
https://the-mencare-co-6aed26.ingress-earth.easywp.com/shop/
I'm referring to your previous reply.
Let me know how can i deploy a similar style?
As mentioned previously, your CSS is using :not(:last-child):
#wc-column-container .product:not(:last-child) {
padding-bottom: 30px;
border-bottom: 1px solid #ccc;
border-radius: 10px 10px 10px 10px;
}Which means that the style will apply to all products except the last one on the page.
This isn't a theme thing so you can learn more here: https://www.w3schools.com/cssref/sel_not.asp
If you simply remove :not(:last-child) then the CSS should work for all products.
Thanks a ton Leo !
It is resloved
Ritesh
No problem :)
