How to remove collection list title from the homepage of Dawn theme

I will like to remove the title and still have the collection clickable

1 Like

@Denzel - can you share your home page link?

@suyash1

https://5c9wzcd2km0bgiv3-61459431611.shopifypreview.com

@Denzel - add this css to the end of your base.css file and check

.collection__title{display:none;}

before

after

@Denzel

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 a.full-unstyled-link {
    opacity: 0;
    margin-top: -30px;
}

Result

3 Likes

This is not exactly an acceptable solution since this makes a very large margin under the collection image since the text is still there but now transparent. the margin-top: -30px; code seems to do little to nothing to remove the blank space. if I change the position to absolute the image behind it isn’t clickable. any potential solution?

@KetanKumar This code no longer work

@KetanKumar

https://gr11m0gqqzuobucx-56140333239.shopifypreview.com

1 Like

@Denzel

yes, please try this code

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-wrapper a.full-unstyled-link {
    opacity: 0;
    margin-top: -30px;
}
1 Like

Hello, @KetanKumar

I use a DAWM theme and I want to move Collection Description to the bottom and keep the H1 at the top. Below is the collection.json code (I didn’t find collection.liquid):

{
“sections”: {
“banner”: {
“type”: “main-collection-banner”,
“settings”: {
“show_collection_description”: false,
“show_collection_image”: false,
“color_scheme”: “background-1”
}
},
“product-grid”: {
“type”: “main-collection-product-grid”,
“settings”: {
“products_per_page”: 12,
“columns_desktop”: 3,
“image_ratio”: “adapt”,
“show_secondary_image”: true,
“show_vendor”: false,
“show_rating”: true,
“enable_quick_add”: false,
“enable_filtering”: true,
“filter_type”: “vertical”,
“enable_sorting”: true,
“columns_mobile”: “2”,
“padding_top”: 24,
“padding_bottom”: 36
}
},
“5d87a068-d3c9-47af-b55f-7601f83cd8b7”: {
“type”: “custom-liquid”,
“settings”: {
“custom_liquid”: “{{collection.description}}”,
“color_scheme”: “background-1”,
“padding_top”: 40,
“padding_bottom”: 52
}
}
},
“order”: [
“banner”,
“product-grid”,
“5d87a068-d3c9-47af-b55f-7601f83cd8b7”
]
}

Can you help me?

PREVIEW