Help formatting the collection thumbs - Dune Theme

Solved
jamindavies
Excursionist
24 5 7

Hi All

I am looking for help on where I can format the css of the thumbnails of the collections as attached. Title text size & alignment, remove the arrow and background colour please.

Thanks

Ben

Screenshot 2021-11-03 at 08.49.48.jpg

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
9824 2236 3073

This is an accepted solution.

@jamindavies 

Please Go to Online Store->Theme->Edit code then go to assets/component-card.css ->paste below code at the bottom of the file.

.collection-list__item .card-colored.color-background-1 { background-color: transparent !important;}
.collection-list__item .card__text-spacing>* {margin: 0;text-align: center !important;}
.collection-list__item .card .icon-wrap {display: none !important;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 3 (3)
dmwwebartisan
Shopify Partner
9824 2236 3073

@jamindavies 

Please share your store url!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
jamindavies
Excursionist
24 5 7
Click to expand...
dmwwebartisan
Shopify Partner
9824 2236 3073

This is an accepted solution.

@jamindavies 

Please Go to Online Store->Theme->Edit code then go to assets/component-card.css ->paste below code at the bottom of the file.

.collection-list__item .card-colored.color-background-1 { background-color: transparent !important;}
.collection-list__item .card__text-spacing>* {margin: 0;text-align: center !important;}
.collection-list__item .card .icon-wrap {display: none !important;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post