How to add padding to the reviews section

Topic summary

A user encountered a padding issue in their Shopify store’s reviews section for screen widths between 750px and 1400px, where content extended to the edges without spacing. The reviews displayed correctly on smaller screens (up to 749px) and larger screens (1400px+).

Solution provided:

  • Add CSS targeting the specific section ID
  • Apply padding: 0 20px !important; to the .custom-liquid-section class
  • This creates consistent edge spacing across the problematic width range

Status: Resolved - the CSS fix successfully addressed the padding issue.

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

Hi, for screen widths between 750px and 1400px, there’s no space on the edges of the reviews section. How can I set the width to 90% for screen widths between 750px and 1300px?

For widths up to 749px, it works fine, and for 1400px+ it also works fine.

Here’s my store: https://1049xn-ya.myshopify.com/
(Just scroll down a bit to find the reviews section.)

Here’s a store where it works the way I want too: https://tomnoske.store/

(Just scroll down a bit to find the reviews section.)

Thanks a lot,
Tim

Hi @CreatorTim ,

You can use the code here:

#shopify-section-template--22711083729161__custom_liquid_wTxmeQ .custom-liquid-section {
        padding: 0 20px !important;
    }

Let me know if it works!

Daisy

1 Like

Works tahnk you