remove padding above featured collection

[Fabian_weldon]

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

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

[dmwwebartisan]

@Fabian_weldon 

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

Thanks!

[Fabian_weldon]

www.ecowatches.co.uk

[dmwwebartisan · 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! 

[Fabian_weldon]

that has worked perfectly thank you so much

[Fabian_weldon]

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]

@Fabian_weldon 

Do you mean this section?

[dmwwebartisan]

@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! 

[Fabian_weldon]

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