Reduce the space between product image and collection title on collection page

Store Design
1

Hi, I am looking to reduce the space between my product image and collection title. See where I have added the text “reduce space here”. This is the margin I am trying to make smaller. I am trying to reduce this space on all collection pages. here is my site URL: https://faroboardbags.com/collections/fin-wallets

  • I am using Brooklyn theme. Some collection pages I edit with Shogun and others straight through Shopify. I am trying to edit the Shopify collection built pages.

Thanks for any help!

Reduce Space image.png
Reduce Space image.png2851×1297 185 KB

2

@JackV

You need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of theme.css file.

.section-header{margin-bottom:0;}
3

this did not work. I do not have a " theme.css " Attached here is what my code editor looks like..

HEader replace.png
HEader replace.png2858×1437 576 KB

4

@JackV Change the code to this.

.section-header, .section-header h5{margin-bottom:0;}
5

This worked perfectly. Thank you!

6

@JackV Please like and accept the answer as solution if that helps you.