How do I adjust the left/right white space width on the website (OOTSB Turbo)

[Storeowner4]

Hello,

I am trying to make the entire website full-width or reduce the white left/right padding (I need to test both options to see which one looks best). I would really appreciate it if anyone could provide a solution.

Thanks in advance. 

[Rahul_dhiman · Accepted solution]

Hello @Storeowner4 
Go to online store ----> themes ----> actions ----> edit code ---->assets ---->styles.css
add this code at the end of the file.

section.section {
max-width: 95%;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Storeowner4 · Accepted solution]

Thank you, Rahul, it worked.

[topnewyork]

Hi @Storeowner4 , kindly share your store URL please. 

Thanks!

[Rahul_dhiman · Accepted solution]

Hello @Storeowner4 
Go to online store ----> themes ----> actions ----> edit code ---->assets ---->styles.css
add this code at the end of the file.

section.section {
max-width: 95%;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Storeowner4 · Accepted solution]

Thank you, Rahul, it worked.

[Storeowner4]

Hi Rahul,

After checking the home page, I marked this as an accepted solution. Unfortunately, the code did not change the white space on the product pages. Do I need to paste the code into another file?

Thanks in advance. 

[Made4uo-Ribe]

Hi @Storeowner4 

Would you mind sharing your store URL? Thanks!

[namphan · Accepted solution]

Hi @Storeowner4,

Please go to styles.css.liquid file and add code:

.section-wrapper--product {
  max-width: 100%;
  width: 100%;
}
.section-wrapper--product .section {
  max-width: 90%;
}

[Storeowner4]

Hi Namphan,

I have another Turbo website, and the code that worked for the first one only partially worked for the second website.

On the product page, it did change the width of the white space, for the section below the product description. But the top part of the page remained unchanged. very interesting. 

Any idea why would that be and how to fix it?

Thanks in advance for your assistance. 

Preview

[namphan]

Hi @Storeowner4,

Please send me the store link, I will check it again

[Storeowner4]

Thank you, Nam:

https://sensorystand.com.au

[namphan]

Hi @Storeowner4,

Please add code:

.shopify-section--product-template .section {
max-width: 100%;
}