Display collection title lower in Debut theme

Highlighted
Tourist
4 0 0

Go into the theme.scss.liquid

 

Find:

 

.collection-grid-item__title {
  /*color: $color-overlay-title-text;*/
  position: absolute;
  text-align: center;
  width: 100%;
  top: 75%;
  padding: 0 5px;

 

and change top: to 85%

 

.collection-grid-item__title {
/*color: $color-overlay-title-text;*/
position: absolute;
text-align: center;
width: 100%;
top: 85%;
padding: 0 5px;

 You can also play around with padding.

0 Likes
Highlighted
New Member
2 0 0

Thank you - just what I needed.  Really appreciated

0 Likes
Highlighted
Tourist
6 0 1

Thank you! It helped me too.
Now I have the same problem, but with another page:https://wear-your-say.com/collections
How can I fix it please?

0 Likes
Highlighted
New Member
1 0 0

Hi Shopify specialist,

 

I followed these guidelines to fix the collection titles on my home page. It is showing the titles under the image.

Now I need your help to apply the same on the Collection list page https://www.araaish.com.au/collections. It has changed the font colour to what I wanted ut has not moved the text down.

 

Please I need your help. Appreciate your advice.

 

regards,

Fawad

0 Likes
Highlighted
New Member
1 0 0

Did you have any luck with fixing the issue on the collection list/catalog page? I am having the same issue...fixed homepage with coding suggested here but can't seem to figure out how to do the same on the collection list page


0 Likes