How can I adjust slideshow and banner widths to match my theme page width?

[Tommyd2]

Hello, I have changed my theme page width to 1200, but some sections like slideshow, banners etc.. still are full page width. Is there a way I can adjust these sections to also match the 1200 page width.

Thanks

[Ahsan_ANC]

Hi @Tommyd2 ,

Thank you for reaching out to the Shopify Community!

Please share your store URL here so that we can check it for you.

Thanks & Regards,
Ahsan ANC

[Tommyd2]

www.oakenhaus.myshopify.com

[Ahsan_ANC]

Hi,

You can try this code

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

@media screen and (min-width: 1000px){
.page-width-desktop {
    padding: 0 !important; 
}
#MainContent {
    padding: 0 5rem !important; 
}
}

[Tommyd2]

Hello, it seems to do it, but it needs to match the page width of 1200.

[Ahsan_ANC]

if fix the page width what will happen on the 1920px screen?

[Tommyd2]

How do you mean?

Thanks

[Tommyd2]

i really want this layout with a slider for the big image. any ideas?

[Ahsan_ANC]

it will be done using custom code on your store.

[Tommyd2]

Do you know the code? I would love a section where I can change the images.
I can implement the code if you can tell me how.

Kindest regards

[Ahsan_ANC]

I will create an editable section and send it to you tomorrow

[Tommyd2]

That would be amazing. Thank you so so much.

Kind regards

[Tommyd2]

The images need to be able to be linkable. and I am looking for the big picture on top left to scroll. it would be great if you could accomplish this. I cant find a tutorial anywhere. thank you.  

[Ahsan_ANC]

Does your current theme have a slider section?

[Tommyd2]

Hello,

Yes it does. I use the dawn theme.