remove padding from homepage Brooklyn

Fabian_weldon
Explorer
117 0 25

I am looking to remove the gaps above and below a custom html image.

this is what it currently looks like:

Screenshot 2021-01-24 at 18.57.02.png

 

I would like it to look like this if possible:

 

Screenshot 2021-01-24 at 19.03.22.png

 

Thank you in advance.

0 Likes

Hi @Fabian_weldon  do you have the store url?

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
Fabian_weldon
Explorer
117 0 25
0 Likes

there is 5 px padding i can't remove. How about use pure text with grey background instead of image?

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
Fabian_weldon
Explorer
117 0 25

that's a good idea. I have just done that but i'm left with the same issue.

it currently looks like this:

 

Screenshot 2021-01-24 at 21.27.27.png

0 Likes

try add the css to end of theme.scss.liquid

#shopify-section-featured-collections{
    margin-top: 0px;
}

@media only screen and (min-width: 768px) {
   #shopify-section-1611523358057c4a0f h2{
        height: 200px;
        padding: 80px;
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
   #shopify-section-1611523358057c4a0f h2{
        height: 125px;
        padding: 40px;
        font-size: 20px;
    }
}
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.
Fabian_weldon
Explorer
117 0 25

thanks for the reply that has worked 50%

 

it has removed the gap below but not above unfortunately.

This Is what I have now:

 

Screenshot 2021-01-25 at 09.28.31.png

0 Likes
Fabian_weldon
Explorer
117 0 25

I have now managed to remove the padding above the text to create a smaller gap but can't seem to remove the final gap.

 

Screenshot 2021-01-25 at 11.10.21.png

0 Likes