Space review stars Product page

Hi there

Please let me know how I reduce the space between the product title and star rating as well as the price and star ratings on the product page!

Please check the screenshot in the private area!

Thank you

Hello,

I saw the screenshot you attached.

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.single-product-page .woocommerce-product-rating {
    margin-bottom: 10px;
    margin-top: -15px;
}

Regards.
Xtemos Studios.

Thank you!

This works great but not for tablet and mobile! how can i fix that?

Hello,

You are Most Welcome.

You need to make sure that you have added the Custom CSS in the Global Custom CSS area then it will work for mobile and tablet as well.

If you want to use the spaces separately then you can try adding the above Custom CSS in the Custom CSS for Mobile and Custom CSS for Tablet area and set the spacing accordingly.

Regards.
Xtemos Studios.

[Author]

Posts