Remove blank space

Store Design
, , , ,

Topic summary

A user seeks help removing unwanted blank space between the reviews section and the “recommended products” section on their product page.

Solutions Provided:

Two community members offered CSS-based fixes:

  1. First solution: Add CSS targeting .AReviewsApp with padding-bottom: 0px !important; to the base.css file

  2. Second solution: Navigate to Shopify admin → Online Store → Themes → Edit code → Assets folder, then add CSS targeting #div_za_reviews and #shopify-section-product-recommendations.section with padding/margin adjustments

Outcome:

The original poster confirmed both solutions worked successfully. The issue appears resolved through either CSS approach.

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

Hi, I would like some help removing an empty space between the reviews and “recommended products” section

Captura de tela 2024-12-20 141407.png
Captura de tela 2024-12-20 141407.png1105×603 174 KB

My store: tudoconexao.com

1 Like
2

Hey @Dawenn ,

Please add this CSS to your base.css file :slightly_smiling_face:

.AReviewsApp {
padding-bottom: 0px;
}

Feel free to reach out [REDACTED] if you have any questions.

Cheers!
Shubham | Untechnickle

1 Like
3

Hi @Dawenn

TRy this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
div#shopify-section-product-recommendations section.section {
    margin-top: 0;
}

div#az_reviews {
    padding-bottom: 0 !important;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

1 Like
4

Thanks @Made4uo-Ribe @TheUntechnickle
Both ways worked?