Hi guys, I have added a new page with some collections that I am wanting to use as PPC landing page. I got the instructions here https://help.shopify.com/en/themes/customization/collections/featuring-collections-using-link-lists This worked really well. I just want to know how I can add text overl…

Hello bolsta , Can you share your site url so that i can check and let you know?

Hi thanks for getting back to me. My site is www.detectorsdirect.com.au

Hello bolsta , Add this css at bottom of Online Store-> Themes → Edit code->Assets->theme.scss.liquid This will remove collection title. h3.collection-grid-item__title { display: none; }

Thanks mate. I think I didn’t explain myself very well. here is the link of the page in mention https://detectorsdirect.com.au/pages/waterproof-gold-metal-detectors-1 I’m hoping to remove the text below the collection images and then replace that text with a text overlay on the images so it looks …

Hello bolsta , Ok now Add this css at bottom of Online Store-> Themes → Edit code->Assets->theme.scss.liquid #MainContent .collection-grid__item-title { position: absolute; top: 50%; left: 0; right: 0; } #MainContent .text-center { position: relative; } .collection-grid__item-title .collection…

THANK YOU!! mate, you are such a legend. it worked beautifully. thanks again. Bolsta

Sorry man, one more thing, its not working on mobile. the text is not staying within the picture frame. Anything I can do? Thanks heaps mate

the home page collection images are responsive but not on the other page.

Text size for mobile add this css in bottom @media only screen and (max-width: 767px) { .collection-grid__item-title .collection-item__title { font-size: 14px; }}

Thank you mate will get that in tonight. Really appreciate all of your help mate will let you know how it goes . Regards Bolsta

How to add text overlay to collection images in new page

Store Design

oscprofessional February 6, 2023, 7:03am 16

@meeshonline ,

Share your issue URl with us…

Topic		Replies	Views
Help removing text overlayed on collection images Store Design design , customizations , css	7	93	February 2, 2024
Boundless theme- text overlay on collection photos Store Design	6	24	November 2, 2021
How can I remove text overlay from collection pictures on my homepage? Store Design	3	37	November 28, 2021
How can I eliminate text overlay from a collection? Store Design	12	62	September 26, 2022
Remove overlay text on image brooklyn theme Technical Q&A	10	60	November 15, 2021

How to add text overlay to collection images in new page

Related topics