Need to narrow page

MrP
Tourist
22 0 2

Hi, my website is www.mrpoppinsandco.com using out of the sand box Turbo

My theme recently had an upgrade and now my pages are full width where they used to be narrow. The narrow page option in the page creator doesn't work any more.

Can anyone give me some css that will allow me to narrow the page blocks? an example of what I'm talking about is the page block at the top of each page : eg: https://www.mrpoppinsandco.com/pages/the-leisure-bag

Thanks

 

Terri

0 Likes

hi @MrP , can you try add the following css into the end of your theme.css or theme.scss.liquid?

.container{
    max-width: 1000px;
}

 you can adjust the width as you like

Visit my Shopify Youtube channel to learn how to code your Shopify store and fix various coding issues on Shopify.(subscribe if you like it :)).
Glad to help out and wish your Shopify store great success.
0 Likes
MrP
Tourist
22 0 2
Click to expand...
thanks but that affects my whole site. I just want to affect the "pages" on the top of each page
0 Likes

try this

body.page .container{
    max-width: 1000px;
}
Visit my Shopify Youtube channel to learn how to code your Shopify store and fix various coding issues on Shopify.(subscribe if you like it :)).
Glad to help out and wish your Shopify store great success.
0 Likes
MrP
Tourist
22 0 2

unfortunately that had no effect. the blocks there are page-details pages. would that make a difference?

0 Likes