How to move collection list tile overlay text to bottom of tile for entire store

Solved
linzal
Excursionist
23 0 3

Hi, shopify store URL:

Tiny Little Humans

tiny-little-humans-uk.myshopify.com

password: ahrtea

At the moment, when I add a collection list to my homepage, the tile shows with a white collection name over it. I would like to move this text to show at the bottom of the tile, out of the way of the product pictures. I have tried altering the code myself but... as you can tell haven't been very successful. I would like it for all colleciton list tiles throughout the store, not just homepage.

Any help would be fab!

Thanks

TLH

0 Likes
Natztech
Shopify Partner
2143 548 1304

hello @linzal 

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

 

 .collection-grid-item__title.h3{
	    top: 85%;
}

 

 

 

0 Likes
linzal
Excursionist
23 0 3

Unfortunately that hasn't quite qorked please see screenshot of theme.css and preview

linzal_0-1627108623494.png

 

0 Likes
Natztech
Shopify Partner
2143 548 1304

This is an accepted solution.

hello @linzal 

can you pleas remove above code and update with this  cod 

 .collection-grid-item__title.h3{
	    top: 85%;
}
0 Likes
linzal
Excursionist
23 0 3

@Natztech smashed it again, thank you! That worked

0 Likes