How can I remove collection titles from my home page?

Technical Q&A
1

Hey all! Just want to say thank you in advance for going through these posts and helping us shop owners out!

I’ve attached a screenshot of my storefront. I would like to remove the title of these collections from the home page as I’ve included collection titles as an aspect of the graphics themselves. I can provide the URL and password if that would help. I am currently using the Supply theme provided by Shopify.

Thanks!

2021-04-07_20-17-22.png
2021-04-07_20-17-22.png1155×442 224 KB

2

Hello,
Please share your site url.
So that I can check and let you know the exact solution here.

3

URL: https://the-pokeplanet.myshopify.com/

Password: PokePlanetUSA

4

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

#shopify-section-collection-list span.featured-box--title {
    display: none;
}
1 Like
5

Excellent! That worked beautifully. Is there any way now to remove the background of these images if I wanted to? They’re PNGs and I’m wondering if I can just remove that off-white section and leave just the image.

6

Add this css

#shopify-section-collection-list .featured-box:after {
    background-color: transparent;
}
1 Like