Debut Theme: collection / collection list pages - move text to below the image

Solved
Highlighted
Shopify Partner
2 0 1

I've searched and searched and whilst I found the solution for the landing page collection name to show under the image, I just can't get it to work on the collection page and collection list pages.

can someone please help with some code?

I've just realised that it works on the landing page if a short collection name is used but it then has issues with longer names.

thanks for any help on this - I've seen lots of people asking similar questions yet not getting a response to most - maybe it should be put as an option in the theme itself!?

 

Lenny

 

photographer/editor/digital stuff bits and bobs ;-)
0 Likes
Highlighted
New Member
1 0 0

Hi Lenny

 

Sorry this doesn't answer your question but I need your help :).

 

Currently the text on my home page collections shows on top of the image but I would like to put the text BELOW the image.

Below Image.PNG

May you please share your solution?

 

Thank you

 

0 Likes
Highlighted
Shopify Expert
3909 559 938

This is an accepted solution.

HI @Lenny1 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 .collection-grid{    overflow: initial;}
 .collection-grid-item__title-wrapper::before{    background-color: transparent;}
 .collection-grid-item__title{bottom: 0; top: 100%; color: black; text-shadow: none; font-weight: normal;}
Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Highlighted
New Member
1 0 0

Works perfect! thanks

0 Likes
Highlighted
Excursionist
18 0 2

Works great thank you

0 Likes
Highlighted
Excursionist
18 0 2

hi how can I change the text size for Mobile view only?

0 Likes
Highlighted
Shopify Expert
3909 559 938

Send your store url

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Highlighted
Shopify Expert
3909 559 938

you have already title at bellow image

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Excursionist
18 0 2

hi how can I change the text size for Mobile view only?

0 Likes