Reduce margin size on various components Dawn Theme

Hi there

I’m looking to reduce the margins on two of my component cards in the Dawn theme. The screenshots below show the areas that I’m looking to reduce the margins by in RED.



Store link is threesirens.co.uk

Many thanks :slightly_smiling_face:

1 Like

@3Sirens

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.collection-list .card__content {display: none !important;}
.card__content h3.card__heading.h5 {margin-bottom: 0 !important;}
1 Like

Hi Ketan

When using .collection-list .card__content {display: none !important;}

Unfortunately, the facility to click on the collection box to be taken to the collection page is removed. Is there any alternatives?

.card__content h3.card__heading.h5 {margin-bottom: 0 !important;}

Is there any alternatives?

1 Like

@3Sirens

yes use Shopify section it so that work only this part doesn’t effect other one

1 Like

Hi Ketan

Where can I find this option in the shopify section?

Many thanks for your help, I really appreciate it!

1 Like

@3Sirens

yes, please add this code

#shopify-section-template--14900024770700__16487324672e880264 .collection-list .card__content {display: none !important;}
shopify-section-template--14900024770700__featured_collection .card__content h3.card__heading.h5 {margin-bottom: 0 !important;}
1 Like