Need to move text on collections overlay to the top

Solved

Hey guys, can someone help me to move text in overlays on collections so that it's not in the way of the image:

 

Capture.PNG

Thank you in advance!

0 Likes
Ninthony
Shopify Partner
1973 296 782

This is an accepted solution.

You can put this in the bottom of your theme.scss.liquid file:

 

.collection-grid-item__title {
top: 15%;
}

Or if you can find that style earlier in the file, you can change it there. It's set to 50% somewhere earlier in theme.scss.liquid, so if you find that you can just change that to 15.

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes

@Ninthony thank you!! Worked like a charm.

0 Likes
CoralReef
New Member
1 0 0

thank you this just worked perfectly for me too :D i get very nervous messing with the code haha

0 Likes
Ezravan
New Member
6 0 0

Hi, im using debut theme and this didnt work. Where exactly show i put the code?

0 Likes
Ezravan
New Member
6 0 0

What theme are you using? It didnt work for me

 

0 Likes
mkamalkayani
Explorer
65 5 5

Hi @Ezravan ,

can you share your store url?

0 Likes
Ezravan
New Member
6 0 0

I got it to work thanks. Is there a way to make the text not be on the image at all be and be above it?

0 Likes
mkamalkayani
Explorer
65 5 5

Yes, it's possible.

But no one can give a suggestion without looking at the code or the store website.

0 Likes
Ezravan
New Member
6 0 0

Its not my live theme, so how can i send a link to you?

 

0 Likes