Re: Theme Dawn: Category name in image for category list

Solved

Theme Dawn: Category name in image for category list

byrdsvintage
Tourist
13 0 3

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

 

How I imagine it:

byrdsvintage_0-1695545389328.png

 

Can someone provide a suitable CSS code?

 

Thanks a lot!

Accepted Solution (1)
Sweet_Savior_3
Shopify Partner
1261 101 127

This is an accepted solution.

@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

 

 

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

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!

View solution in original post

Replies 3 (3)

Sweet_Savior_3
Shopify Partner
1261 101 127

@byrdsvintage 

 

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

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
byrdsvintage
Tourist
13 0 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
Sweet_Savior_3
Shopify Partner
1261 101 127

This is an accepted solution.

@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

 

 

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

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!