remove padding above featured collection

Solved
Fabian_weldon
Explorer
111 0 25

There seems to be some white space above my featured collections section on my Brooklyn homepage.

Screenshot 2021-01-30 at 12.18.57.png

 

 

I have tried this code but it didn't work for some reason:

#shopify-section-featured-collections .wrapper {

    padding-top: 0px;

  }

 

thank you in advance

0 Likes
dmwwebartisan
Shopify Partner
4448 1002 1276

@Fabian_weldon 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
dmwwebartisan
Shopify Partner
4448 1002 1276

This is an accepted solution.

@Fabian_weldon 

Please add the following code at the bottom of your assets/timber.scss.liquid file.

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

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Fabian_weldon
Explorer
111 0 25

that has worked perfectly thank you so much

 

Fabian_weldon
Explorer
111 0 25

is it also possible to reduce the size of the rich text in that section aswell but for mobile only. The section is very large on mobile.

thanks

dmwwebartisan
Shopify Partner
4448 1002 1276

@Fabian_weldon 

Do you mean this section?

text-block.jpg

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
dmwwebartisan
Shopify Partner
4448 1002 1276

@Fabian_weldon 

You can use the following code for the mobile to reduce text and size for the mobile.

@media screen and (max-width: 768px){
.template-index .rich-text p{ font-size: 1.1em; }
.template-index .rich-text{ padding:20px; }
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Fabian_weldon
Explorer
111 0 25

Thats so helpful thank you so much. You're a legend