How to minimize space

Shopify Discussion

Topic summary

A user encountered excessive spacing on their Shopify store page (shown in an attached screenshot) and sought help to reduce it.

Solution provided:

  • Navigate to Edit code in the Shopify theme editor
  • Locate the base.css file
  • Add custom CSS code at the end of the file targeting the testimonials button element with adjusted top margin (12px)

Outcome:
The CSS modification successfully resolved the spacing issue. A before-and-after screenshot demonstrated the reduced space between elements. The issue is now closed.

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

Hello guys how can I minimize the space here?

NikosBat_0-1738061136680.png
NikosBat_0-1738061136680.png405×756 243 KB

2

Hi NikosBat

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

a.testimonials-btn-template--24058707509580__ss_testimonial_16_JddWt4 {
    margin-top: 12px !important;
}

Result:

LizHoang_0-1738829838235.png
LizHoang_0-1738829838235.png476×655 75.3 KB

Best,
Liz

1 Like
3

Thanks LizHoang that has solved my problem.