How can I put padding left and right to Multi Column in dawn theme

Store Design

Topic summary

Main issue: Add left/right padding to the Multi‑column section in Shopify’s Dawn theme.

What the OP tried: Identified a section via the browser inspector (/html/body/main/section[5]/div/div) and prepared a CSS rule inside a media query (min-width: 750px) to set padding-top (36px), padding-bottom (28px), and padding-left/right (50px). Couldn’t find where to place it in CSS/Liquid.

Suggested solution: Add the custom CSS at the bottom of the theme’s base stylesheet.

  • Path: Theme > Edit code > Assets > base.css
  • Instruction: Paste the custom code at the end of base.css

Notes:

  • The CSS snippet (media query + padding declarations targeting the section’s classes) is central to the fix.
  • No confirmation yet that adding it to base.css resolved the issue; discussion remains open with no final outcome reported.
  • No other disagreements or alternative methods were presented.
Summarized with AI on January 16. AI used: gpt-5.
1

I’ve been looking and I found:

this direction on the inspector:

/html/body/main/section[5]/div/div

and here the styles I want to aply
@media screen and (min-width: 750px) .section-template–19861101609289__8aecea7b-f23f-4054-99d6-8da83b7bac88-padding { padding-top: 36px; padding-bottom: 28px; padding-right: 50px; padding-left: 50px; }

But I’ve been trying to put it many css and liquid and I can’t find the solution…

2

Hi @NachoBCN12
If you want to add that custom code

Try to follow this path:

Themes => edit code => asset => base.css

and add the code to bottom of the file base.css