Delete bottom padding

Topic summary

Main issue: Removing extra bottom padding under a star rating element on a store page. The author attached a screenshot showing the gap and shared the exact HTML/CSS used (review-container, avatars, review-text with flex layout and padding set to 0).

Recent activity:

  • Multiple responders asked for the store URL (and password, if any) to inspect the live page and diagnose the styling.
  • No concrete CSS fix or diagnosis was provided in-thread yet.

Key materials:

  • Screenshot is central to visualizing the spacing.
  • Code snippet is central for reviewing the current CSS/HTML implementation.

Status:

  • Awaiting the store link/access so others can reproduce and suggest a solution.
  • No resolution or confirmed cause identified yet; the discussion remains open.
Summarized with AI on December 21. AI used: gpt-5.

hello, does anyone knows how to delete that padding bellow the star rating?

Please I’m trying for a hour to fix this

Here is the code for star rating:

"

.review-container {

width: 200px;

display: flex;

align-items: left;

justify-content: left;

font-family: Arial, sans-serif;

font-size: 13px;

color: #333;

background-color: #8f8f8;

padding: 0px 0px;

border-radius: 0px;

width: auto;

margin: 0 auto; }

.avatars {

display: flex;

align-items: left;

margin-right: 2px;

}

.avatars img{

height: 23px;

width: auto;

}

.review-text {

font-weight: normal;

white-space: nowrap;

text-align: left;

}

.highlight {

font-weight: bold;

}

Customer Avatars

460+ happy customers gave us 4.8/5
"
3 Likes

Hi @catalin0954

Would you mind to share your store URL? Thanks!

Hi @catalin0954 ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible :heart_eyes:

Hello @catalin0954
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.