Display collection title lower in Debut theme

GuyPucill
Tourist
4 0 1

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.

Trex77
New Member
2 0 0

Thank you - just what I needed.  Really appreciated

0 Likes
jackline28
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
Fawad
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
KynaMaree
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
pilateskatt
Tourist
17 0 2

Hello, I had the same problem and tried that code and nothing happened, could you help me out?

michellenyk
New Member
1 0 0

I have the same issue. Need to apply this to all collection images (collection lists, collection sites, collection anything)! 

Please help, Shopify community!

0 Likes
pilateskatt
Tourist
17 0 2

https://experts.shopify.com/shabir-bhat/customize-theme

I just used this expert, they charged me $40 to fix this. I think it’s worth it. Hope this helps 

0 Likes
UmairA
Shopify Partner
587 65 103

Hi @michellenyk ,

Are you able to provide your store URL so I can post the solution here?

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gmail.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
0 Likes
TABW
Tourist
5 0 1

I am looking to completely remove the collection title (or at least place it behind the picture). Currently the title is on top of the image on my home page and product/collections page. I have an Product Image that displays my collection title, so the provided Shopify title ends up being redundant. Can anyone help? Thanks a bunch!

26F2CBAE-11AD-479D-BD5D-E70B7B41F5C6.jpeg

5CCB8A68-FE13-4667-A270-6CED64A5D93D.jpeg

0 Likes