Display collection title lower in Debut theme

[Tino_Huynh]

Hi Shopify Designers,

For this moment, in Debut theme, I am trying to lower the collection title because it merged inside the collection image which makes customers really hard to see. The following screenshot is the illustration:

As you can see above image, the word "Your collection's name" inside the image is very hard to see. Therefore, I need to lower the name to make it display outside the image as shown:

As you can see, I want the name have to be outside the image which means the name will be changed to text type. I wonder if anyone could instruct me the method to adjust it? I would respect and appreciate for that.

Thank you very much,

Best,

Tino Huynh

[PSDCenter]

Hi Tino,

Give us your Store front password so we can give you css code for you have issue.

[Tino_Huynh]

This is my website password: dreaff

[PSDCenter]

Hi Tino,

copy below css code and paste it first line of assets/theme.scss.

.collection-grid {

overflow:hidden !important;

}
.collection-grid .collection-grid-item__title {
  transform:none;
  top:auto;
}

[Tino_Huynh]

It worked!!! Thank you thousand times!!

[PSDCenter]

You are welcome!

[Natasha_Tsaliki]

Hi, 

I'm hoping you could helpe me with a similar issue. 

I am using the Debut theme and when I add this particular code, it moves the title to the bottom but unfortuntaly cuts of the second line. 

Ex. In the image attached, it should 'Christmas Stockings'. 

Any help is very appreaciated! 

Thanks, 
Natasha 

[165_Street]

I’m having the same issue as Natasha. It’s cutting off some of the words. Help please.

[Suzi_Thompson]

You can change the following:

.collection-grid-item {
    margin-bottom: 30px;
}

to

.collection-grid-item {
    margin-bottom: 90px;
}

Alternatively, you can change the font size by adding "font-size: 16px;"  under ".collection-grid-item__title".  You will need to adjust the font size to your liking.

[Trex77]

Hi,

I am looking to move the text down by an inch but keep in within the image frame.  Any help is greatly appreciated