Please can I get the code to decrease these gaps

Store Design

Topic summary

A user working with the Refresh Theme seeks CSS code to adjust spacing on their product page. They have three specific requests:

Requested changes:

  • Reduce gaps between elements (locations marked in screenshots)
  • Reposition a quoted review section from one area to another
  • Add padding above the product price equal to the drop shadow size to prevent a “squished” appearance

A PageFly support representative (Amelia) responded with instructions involving:

  • Navigating to Online Store > Themes > Edit code
  • Selecting the base.css file
  • Adding CSS code above the tag

Status: The conversation appears incomplete, as the actual CSS code solution was not fully visible in the response. The issue remains open pending complete implementation details.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

Please can I get the code to decrease these gaps:

Please can you move the quoted review code in the yellow box to to the purple box position

please may you also add a little padding (blue box amount) above the price, the same size as the drop shadow just as the shadow made the space above the price look squished

Refresh Theme

https://huggercomfort.com/products/hot-hugger-wearable-hot-water-bottle

Thank you very much

Screenshot 2024-04-14 at 08.10.21.png
Screenshot 2024-04-14 at 08.10.21.png2924×1536 348 KB

Screenshot 2024-04-14 at 08.12.48.png
Screenshot 2024-04-14 at 08.12.48.png2904×1532 333 KB

2

Hello @Finn4

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code above the tag

Copy

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly