Theme Dawn: Category name in image for category list

Store Design
, , ,
1

I would like to have the category name in the image and not below it as in the following image.

So far:

byrdsvintage_0-1695545040283.png
byrdsvintage_0-1695545040283.png1586×840 203 KB

How I imagine it:

byrdsvintage_0-1695545389328.png
byrdsvintage_0-1695545389328.png2674×618 308 KB

Can someone provide a suitable CSS code?

Thanks a lot!

2

@byrdsvintage

Can you please provide your store URL? If storefront is password protected then password too?

Thanks

3

Hey
Thanks for responding so fast.
The URL is byrdsvintage.de
The password is: neevau

Its for the last section of the homepage.
Best regards
Hannes

4

@byrdsvintage

Paste the given css on the bottom of file ‘Assets > base.css’.

.collection-list .card__content {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.collection-list .card__content .card__heading {
    text-align: center;
    color: white;
}

Sweet3_0-1695547456407.png
Sweet3_0-1695547456407.png1347×658 349 KB

Please don’t forget to like and accept the solution. Contact for more queries.

Thanks