How to establish margins on debut theme homepage

Solved
Highlighted
Tourist
4 0 2

Hi...how can I have margins on all the homepage?.... it seems to be done at collection lists, videos, image with text....but no with the top slideshow and the header

Thanks in advance

 

Captura de Pantalla 2020-06-30 a la(s) 2.21.08 p. m..JPG

1 Like
Shopify Partner
6236 909 2115

Hello, @AdrianThomas 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
4 0 2

Haus-panama.myshopify.com

0 Likes
Highlighted
Shopify Partner
6236 909 2115

This is an accepted solution.

@AdrianThomas 

Thanks 

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

@media only screen and (min-width: 750px) {
.site-header {
    max-width: 1200px;
    margin: 0px 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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
4 0 2

thanks...it worked great for the header

how about the slideshow?.... :)

 

Captura de Pantalla 2020-06-30 a la(s) 11.41.25 p. m..png

 

0 Likes
Highlighted
Shopify Partner
6236 909 2115

This is an accepted solution.

@AdrianThomas 

Thanks 

.slideshow-wrapper {
max-width: 1200px;
    margin: 0px 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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
4 0 2

Hi, sorry to bother you again.... 

I used the code you provided me and it worked great on the width of the slideshow..... but now i realized that the image got cropped....i uploaded different sizes of images and gets the same result... it´s like the container of the slideshow reamins full width, just showing the 1200px center part....

what can i do to fit the image on the 1200px part?

Captura de Pantalla 2020-07-02 a la(s) 2.25.54 p. m..png

 

 

1 Like
Highlighted
Shopify Partner
6236 909 2115

This is an accepted solution.

@AdrianThomas 

Thanks or post.

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

div#shopify-section-1593269329691 .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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like