Hi, I would really appreciate some help if possible. My website is www.nalaeyewear.com and I am using the Debut theme. The margins on all my pages are quite big and id love to reduce them so my content took up more of the page. Specifically my collection page, Id like the products to take up the w…

Hi @AmyJay , Add this CSS code Online Store > Themes > Edit code > Assets > custom.css or theme.css. .page-width { max-width: 1440px; }

@AmyJay Go to assets/theme.css and paste below css at bottom of file. .page-container { margin-top: -50px !important; } .site-nav--centered { padding-bottom: 0px !important; } .site-nav { margin: 0px !important; }

Hi, Thank so much for your help. I have just tried this but it hasn’t made a difference. Is there anything else you can suggest? Thank you

Thank you so much! :slightly_smiling_face:

How can I reduce margins and padding in the Debut theme?

Store Design

AmyJay September 12, 2022, 4:38pm 5

Thank you so much!

Topic		Replies	Views
Adding left and right margins toe but theme pages Store Design	8	31	August 3, 2021
How can I reduce padding on my Debutify theme product page? Store Design design , customizations , collection-page , css , third-party-themes	6	29	February 2, 2023
How can I add margins to my Debut theme on desktop view? Store Design	25	144	November 26, 2021
How can I decrease the margin on all sides of my pages? Store Design css	14	151	July 23, 2024
How can I adjust the footer margins on my Debut theme? Store Design footer	1	23	May 8, 2023

How can I reduce margins and padding in the Debut theme?

Related topics