How can I adjust the spacing in my Debut theme homepage?

Judefish
Tourist
17 0 1

Hi everyone, hoping someone can help.  I've tried many things that have already been posted on here, but nothing is working.  Basically want my home page to be full width and the spaces between each section to be closer together.  I've attached screenshots.  Password is iapeod.  Be great if someone could help!

 

https://judefish.myshopify.com/

Replies 4 (4)

Multiinsight
Shopify Partner
29 8 7

Hi,

Note: first make a duplicate copy of live theme and them edit code. 

You will need to change CSS. To increase the width for the section on the homepage go to theme edit code and look for the file with the name theme.css. It will be under assest folder. open the file and press ctrl+f and search for ".page-width" class. this class will be having a css property of max-width: 1200px; you can remove this line. And this will increase the sections width issue. 

 

 

 

  

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on contact.multiinsight@gmail.com regarding any help
- WhatsApp +92 317 4969603
Judefish
Tourist
17 0 1

Unfortunately that didn't work, as I am unable to search within the css file for some reason.

Multiinsight
Shopify Partner
29 8 7

I see! If you want I can send you a collaboration request and can fix it. 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on contact.multiinsight@gmail.com regarding any help
- WhatsApp +92 317 4969603
Multiinsight
Shopify Partner
29 8 7

Or you can let me know where exactly you having the issue so I can help you out. 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on contact.multiinsight@gmail.com regarding any help
- WhatsApp +92 317 4969603