Lowering title of collections on home page & collection page (Debut Theme)

Highlighted
Tourist
14 0 1

1a4a9c1d4250dbe5939e6eee7ae869c7.png

 I would like to increase the vertical spacing between the text & the thumbnail so that the text isn't so close and touching the thumbnails. 

 

544bf821891f671bba0fc7d0c41dfe83.png

I would also like to do the same to my collections page. As you can see the text is overlapping the thumbnails. 

 

Please help, thanks!

0 Likes
Highlighted
Shopify Partner
3257 717 864

@maxenvisions 

Please share your website URL. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
Highlighted
Tourist
14 0 1

Here is the URL to the website, thanks!

 

https://jerseyhypekick.myshopify.com/

0 Likes
Highlighted
Shopify Partner
3257 717 864

@maxenvisions 

Please provide a password so I can check.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
14 0 1

password "austai"

Highlighted
Shopify Partner
3257 717 864

@maxenvisions 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-index .collection-grid-item__title.h3 {
    padding-top: 15px;
}
.template-list-collections .collection-grid-item__title-wrapper::before {
bottom: 28px !important;
}

 

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
Highlighted
Tourist
14 0 1

Thank you so much for your help! It fixed the spacing of the text but now the product page got messed up. Any idea why? 

597b10182531dcd390a9097dc617d7a7.png

0 Likes
Highlighted
Tourist
14 0 1

I've deleted the code you gave me and the products were still messed up. Any idea what happened?

0 Likes
Highlighted
Shopify Partner
3257 717 864

@maxenvisions 

On which page you're checking?

My code can't mess up the site.

Thanks!

 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
14 0 1

Your solution fixed my issue with the font touching the collection images, but now on the product page, the layout is glitched now. I took out the code and its still like that, I'm not sure what happened. 

ce15e14556eb7d0f950611b26336f6af.png

0 Likes