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.
5

Hello @elise1

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->novstyle.css
add this code at the end of the file.

.pt-25 {
padding-top: 0px !important;
}

.section-testimonials .testimonial-item__quote {
font-size: 14px !important;
}

result

2.png
2.png817×356 55.6 KB

If this was helpful, hit the like button and accept the solution.
Thanks

1 Like