Archived topic
Woocommerce Padding issues with Product Titles & Reviews
7 replies · Started by FunkyCss on September 18, 2021
Hallo there,
I have noticed with the latest updates of Woo and GP that there are a couple of issues / bugs with small things but they look interesting.
I have a couple of different products that there seems to be different paddings in each of them at the product title and reviews near the small description of the single product.
Where padding looks bigger
This is happening in random products with nothing specific on them ,
I have disabled cache, deleted , i made GP CSS inline insted of printed and nothing seems to work.
Also can you please double check if there is compatibility with all of the browsers as I have said in previous post that in some browsers mostly with Xiaomi Chrome there are some differences in font sizes.
This has never happen again and looks completely odd
Thanks
Hi there,
I'm not sure I understand the issue you described.
In the links you provided, one has review, the other doesn't, if I remove the review, all the paddings look the same to me.
If you can share us a screenshot to point out the issue, it should be very helpful.
https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots
Let me know :)
Hi there and thank you for your help.
What I want to say is that this padding is coming from GP in the latest updates.
I never ever added a padding like that and I cant find where to change it.
Hi there,
do you mean the spacing between Title / Reviews and Price ?
Hallo , yes I mean that spacing.
On the first product URL you shared, it has the review rating:
https://www.screencast.com/t/DYxnUv0cqADm
Which is adding the additional spacing - that element has top and bottom margin of 1em.
Hello David,
Yes I have noticed but what I wanted to say is that this suddenly happened after a couple of updates , I am not sure if is from Woocommerce update or from GP, but that padding was not there.
of course I know how to fix that, but just wanted to send it to you if there is any issue.
The spacing comes from this CSS added by GP Premiums woocommerce CSS:
.woocommerce div.product .woocommerce-product-rating {
margin: 1em 0
}That code has been there since i can remember and i checked the github to see if any changes have been made to it, i went back a couple of years and its the same CSS we have always used. So its not a change to GP.
Most likely Woo changed something, or the loading order of CSS has changed ( Caching / Optimziation )
