Debut theme help collection title

Hi there,

Can someone please help me, how do I make the collection title lower so it doesn’t overlap with the collection image? I have uploaded a photo for reference.

thanks

Hello @Staceyliu_29 ,

Greetings from the Store Watchers Support Team! Happy to help you today.

In your theme.liquid, please paste the code below before the tag.

.collection-grid-item__title{
        transform: translateY(-10%);
    }

Let me know if need further help.

Regards,

Store Watchers Support Team

hi there,

it doesn’t work. is there anything else i can do?

Try adding above CSS in the theme.css file at the end.

THANKYOU! THAT WORKED :slightly_smiling_face:
could you also please help with lining up my product photos, when i click
my collection photos my product photos dont line up with eachother, it is
all crooked and un even.

thanks!

Glad to know that it worked for you. To make products photo even, you can do it using the Customize option. Go to the online store → Click on Customize → From the top select collections and default collection → select product grid option from the left menu. Now try changing the image setting. For each theme this names of setting can be different and may not available.