How can I style a review box to maintain a consistent size?

Shopify Discussion

Topic summary

A user seeks to make review boxes (yellow boxes) display at a consistent size regardless of the text content inside them.

Proposed Solutions:

Two support representatives offered similar CSS-based fixes:

  • Navigate to Online Store → Edit Code
  • Locate the theme.liquid or base.css file
  • Add custom CSS code above the </body> tag
  • The CSS targets testimonial card elements and sets a fixed height (250px mentioned)

Technical Approach:

The solution involves applying a fixed height property to the review card containers, ensuring uniform box dimensions regardless of variable text length.

Status: The discussion appears to provide actionable code snippets, though the original posts contain some garbled text that may affect implementation clarity.

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

Hi there ,

Is there any way to make the yellow boxes same size? Regardless of what the text is inside, the size should look the same.. Any ideas on how to do that .

2

Hi @Anonymous ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Beae_Anthony_0-1696246255012.png
Beae_Anthony_0-1696246255012.png1557×414 41.7 KB

Best regards,

Anthony

1 Like
3

**Hi @Anonymous **

Follow these Steps:

Go to Online Store Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above tag

.testimonial__card--body.card--client-height.color-background-2.rounded--image {
    height: 250px;
}

RESULT:

syedsumaimaly_0-1696247783521.png
syedsumaimaly_0-1696247783521.png1352×388 40.9 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solutions