Changing margins/padding on custom HTML section in Brooklyn Theme

Store Design
1

Hello there,

I’ve searched the forums, tried a ton of suggestions without any success. I’ve added a custom HTML section on my page

https://store.ouropiercings.com/

Password is: Help!

The custom HTML is a vimeo background video. I would like to do 2 things, that I can’t figure out

1 - reduce the white space between the logo and the video

2 - have zero left and right margins on the custom HTML section aka vimeo video.

Any help would be greatly appreciated!

Thanks!

2

@mrflo

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:
#PageContainer .shopify-section:nth-child(1){
margin-top: 0px !important;
}

#PageContainer .shopify-section:nth-child(1) .wrapper{
margin: 0 auto !important;
padding: 0 !important;
max-width: 100%;
width: 100%;
}

You can change the spacing between logo and video by changing the value 0px, the first line. If you do something like 20px the space will be larger.

Let me know whether it works.

3

Worked like a charm! Thank you so much!!!

4

You’re welcome! Glad to help. Whenever you need help feel free to e-mail me directly.

Kind regards,
Diego