Debut theme margins

AlexandraM93
Excursionist
31 0 12

Hi guys. On desktop view my website stretches across the page. Making it look very messy. I want to implement margins to the left and right. I was previously using supply theme which had this built in. However in debut theme I have no idea how to change these elements. My mobile view looks great and I don’t want to compromise it. 

would love any advice 

Alex  

Replies 25 (25)
KetanKumar
Shopify Partner
25061 2508 9071

@AlexandraM93 

can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

#shopify-section-163515292265ed76ba .slideshow-wrapper {
max-width: 1250 px ;
 margin: 0 px auto;
}
#shopify-section-163515292265ed76ba .slideshow__image {background-size: contain;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
AlexandraM93
Excursionist
31 0 12

@KetanKumar 

Although the width is perfect, it only fixed the top banner and not the other elements on the same page. Is there any way to make it all the same? 

Alex  

KetanKumar
Shopify Partner
25061 2508 9071

@AlexandraM93 

yes that code work only top banner doesn't effect other one 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
AlexandraM93
Excursionist
31 0 12

@KetanKumar 

thanks for getting back to me. 
Is there anyway to make all elements on the front page that width? 

KetanKumar
Shopify Partner
25061 2508 9071

@AlexandraM93 

try this 

.slideshow-wrapper {
max-width: 1250 px ;
 margin: 0 px auto;
}
 .slideshow__image {background-size: contain;}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
AlexandraM93
Excursionist
31 0 12

@KetanKumar 

Thanks for getting back to me!

Unfortunately the code is not applying to the page as a whole. The image attach shows the the edited slider. I was hoping to get all other elements in line with the edited banner width. Is this possible for  this layout? 

3D435915-3993-4252-AFB0-CD74859EE01A.jpeg

KetanKumar
Shopify Partner
25061 2508 9071

@AlexandraM93 

try this code

.slideshow-wrapper { max-width: 1200 px ; margin: 0 px auto; }
.image-bar {hidden; max-width: 1200 px ; margin: 0 px auto; }
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
AlexandraM93
Excursionist
31 0 12

@KetanKumar 

Thanks for getting back to me.

When I put the latest code in it reverted the settings back  to the original setting with the images stretched across the screen 

KetanKumar
Shopify Partner
25061 2508 9071

@AlexandraM93 

sorry i can't see code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
AlexandraM93
Excursionist
31 0 12

@KetanKumar 

sorry for the delayed response.
I have put the code in and there is still no difference. Should I be picking another theme to resolve the issue? 

Alex