Reduce margin size on various components Dawn Theme

Store Design
1

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.

KT1Zw7R
KT1Zw7R1149×474 109 KB

8nSWdms
8nSWdms1203×394 87.6 KB

Store link is threesirens.co.uk

Many thanks :slightly_smiling_face:

1 Like
2

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

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
4

@3Sirens

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

1 Like
5

Hi Ketan

Where can I find this option in the shopify section?

Many thanks for your help, I really appreciate it!

1 Like
6

@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