Reduce spacing between product heading and star rating

Store Design
, ,

Topic summary

A user seeks to reduce excessive vertical spacing between the product title and star rating on their Shopify store using the Sense theme. They’ve provided a product page URL and screenshot showing the current layout.

Proposed Solution:

  • Another user suggests adding CSS code to the base.css file:
    .product__title { margin-bottom: -1.5rem; }

Current Status:

  • The solution has been offered but not yet confirmed as tested or implemented
  • The discussion remains open pending verification of whether the CSS fix resolves the spacing issue on both desktop and mobile devices
Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

Hello,

My store is using the sense theme and has alot of space between the product title and star rating I am using.

How can i reduce this space on desktop and mobile, this is my URL: https://movinfitness.com/products/the-resistance-pro-gym

This is what it looks like now, but I want it to be closer to right image.

moosh44_0-1698966678344.png
moosh44_0-1698966678344.png1667×964 70.9 KB

Thanks :slightly_smiling_face:

2

@moosh44 - add this css to the end of your base.css file and check

.product__title{margin-top: -1.5rem;}

suyash1_0-1698976374635.png
suyash1_0-1698976374635.png1366×768 181 KB

1 Like