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

Solved

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

AmyJay
Visitor
3 0 0

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 whole page and there to be not much space either side. (sorry, I hope this makes sense).  Ive added a screenshot below. 
 

Screenshot 2022-09-12 at 12.28.41.png

 

Thank you in advance 🙂

Accepted Solution (1)

SmallTask
Shopify Partner
973 41 55

This is an accepted solution.

Hi @AmyJay,

 

Add this CSS code Online Store > Themes > Edit code > Assets > custom.css or theme.css.

 

.page-width { max-width: 1440px; }

 

banned

View solution in original post

Replies 4 (4)

DelightCart
Shopify Partner
1271 84 158

@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;
}
Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.
AmyJay
Visitor
3 0 0

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

SmallTask
Shopify Partner
973 41 55

This is an accepted solution.

Hi @AmyJay,

 

Add this CSS code Online Store > Themes > Edit code > Assets > custom.css or theme.css.

 

.page-width { max-width: 1440px; }

 

banned
AmyJay
Visitor
3 0 0

Thank you so much! 🙂