Edit the margin (Brooklyn)

Solved
UBoiii
New Member
3 0 1

Hey,

I am quite new to shopify, and I would love to know if it is possible to edit the size of the HUGE margins that the  BROOKLYN them has on their offered product page template

Untitled-1.jpg

 

I couldn't find that in the code files. Any help would be massively appreciated!
Thanks in advance,
Uboiii

Accepted Solutions (2)

Accepted Solutions
Sumankc
Shopify Partner
16 3 4

This is an accepted solution.

Hi UBoiii,

 

I just had a quick look on brooklyn theme and figured out that `wrapper` class is set to limit the maximum width of `1050px` on timer.scss.css.

The css part that is limiting on product detail page looks something like below

 

.wrapper {
    max-width: 1050px;
}

Which you can increase. Increasing max-width shouldn't effect but you should be aware of if this change would impact on other places if the design has been already customized.

 

Cheers!

 

If your problem solved then Like & Accept this Solution.
For Development & customization jobs - suman@cartmade.com.

View solution in original post

Qualitycheck
Shopify Expert
1405 114 231

This is an accepted solution.

Hi,

 

Yes, It is possible to edit the margins in the Brooklyn theme on product page. Please see attached screenshot for the updated version after reducing the margin. Basically, you just need to make changes in the wrapper class as follows.

 

.wrapper {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}

 

Hope it helps! Please let me know if you have any questions.

 

Thanks,

Perennial Solutionadjust margin.jpg

View solution in original post

Replies 5 (5)
Sumankc
Shopify Partner
16 3 4

This is an accepted solution.

Hi UBoiii,

 

I just had a quick look on brooklyn theme and figured out that `wrapper` class is set to limit the maximum width of `1050px` on timer.scss.css.

The css part that is limiting on product detail page looks something like below

 

.wrapper {
    max-width: 1050px;
}

Which you can increase. Increasing max-width shouldn't effect but you should be aware of if this change would impact on other places if the design has been already customized.

 

Cheers!

 

If your problem solved then Like & Accept this Solution.
For Development & customization jobs - suman@cartmade.com.

View solution in original post

Qualitycheck
Shopify Expert
1405 114 231

This is an accepted solution.

Hi,

 

Yes, It is possible to edit the margins in the Brooklyn theme on product page. Please see attached screenshot for the updated version after reducing the margin. Basically, you just need to make changes in the wrapper class as follows.

 

.wrapper {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}

 

Hope it helps! Please let me know if you have any questions.

 

Thanks,

Perennial Solutionadjust margin.jpg

View solution in original post

UBoiii
New Member
3 0 1

The file is actually called "Timber.scss.css" 

But hey, it worked!

Thanks!

Qualitycheck
Shopify Expert
1405 114 231
Hi,

Thanks for the kind word, feel free to reach out at
https://www.perennialsolution.com/contact.html

Thanks & Regards
Perennial Solution
desmondli
New Member
1 0 0

hi, how did you get to that place to edit the code? i went to settings then action and edit code and im not sure where to go from here to change the margins