Edit the margin (Brooklyn)

Solved
Highlighted
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

1 Like

Success.

Excursionist
16 3 4

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.
1 Like

Success.

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

Thanks & Regards
Perennial Solution

Would like to add new functionality or customize an existing one, please hire us.
If helpful then please Like and Accept Solution .
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes
New Member
3 0 1

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

But hey, it worked!

Thanks!

0 Likes
Hi,

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

Thanks & Regards
Perennial Solution
Thanks & Regards
Perennial Solution

Would like to add new functionality or customize an existing one, please hire us.
If helpful then please Like and Accept Solution .
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
1 Like