Collection Page Spacing - Image and Description - Brooklyn Theme

Store Design
1

Hi Guys,

I cant work out how to reduce the margin / space between the Collection featured image and the text below. Then the space below that text to the products.

It seems it might be coded into the collection template file as a percentage of the image size or something?

Does anyone know how I can just set the space to like 20px or something, the gap seems quite big.

Padding Issue Collection.PNG
Padding Issue Collection.PNG1093×781 668 KB

store is https://bradenboutique.myshopify.com/

password: braden

Any help much appreciated!

1 Like
2

@klackenb

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

@media screen and (min-width: 769px){
.template-collection .collection-hero, .template-collection #CollectionSection .section-header { margin-bottom: 0px !important; }
}

Hope this works.

Thanks!

1 Like
3

hey @dmwwebartisan this worked perfectly, thanks!