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

Store Design
1

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

2

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%;
}
3

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

linzal_0-1627108623494.png
linzal_0-1627108623494.png1920×1080 420 KB

4

hello @linzal

can you pleas remove above code and update with this cod

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

@Kinjaldavra smashed it again, thank you! That worked