Space between title and star rating + size of review text

Shopify Discussion

Topic summary

Goal: reduce the vertical gap between a section title and its star rating, and make review text smaller on a Shopify store.

Context and inputs:

  • OP shared the store URL (kudokid.com) after multiple requests.
  • Solutions focus on adding CSS to the theme to tighten spacing and adjust font size. Screenshots were provided to show the visual outcome.

Proposed fixes (CSS approaches):

  • In assets/novstyle.css: set the .pt-25 class padding-top to 0 to close the gap; set .section-testimonials .testimonial-item__quote font-size to a smaller value (e.g., 14px) to reduce review text size.
  • Alternatively, add inline CSS in theme.liquid (before or before ): target .testimonials-slider .pt-25 { padding-top: 0 } and remove extra margin under the subtitle (span.sub_title.font-400 p { margin-bottom: 0 }).

Status:

  • No confirmation from the OP that the changes were applied or solved the issue; discussion appears open without a finalized accepted solution.
Summarized with AI on December 20. AI used: gpt-5.
7

Hi @elise1 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

BSSCommerceHDL_0-1725431419348.png
BSSCommerceHDL_0-1725431419348.png1173×421 63 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like