Hi,
How can I make Collections Titles transparent on homepage Collection List?
I’d still like the text to be there for SEO but don’t want it visible due the the Collection Image being the main focus.
Theme: Impact
Is there some custom CSS I can add in on the theme editor? Trying to get it sorted before we go live with the 2.0 update.
tia
Hi @Points
Thank you for your question.
Please share your store URL, page URL and also password (if your store has one) so we can help you.
Which theme you are using for your store?
Page is not live as mentioned in original post. Want to sort before going live.
Theme: Impact
@Points You can contact with theme supporter or at least pleas share the preview, so we can help you
Hi @Points
Could you share preview link of your store so I can provide CSS code?
I cannot see collection titles on your homepage
That because it’s on the old vintage theme, we’re upgrading to 2.0
Just imagine the collection tiles have text over them which is the collection title.
Here is a link: https://mo92gxwfhsy16tzw-40822440094.shopifypreview.com
Preview link: https://mo92gxwfhsy16tzw-40822440094.shopifypreview.com
Hi, theme is live and pw protected.
website: https://pointsstore.com.au/
pw is: dsgshty
Hi, theme is live and pw protected.
website: https://pointsstore.com.au/
pw is: dsgshty
I cannot see any collection tittle, all title belong to your image
They can’t be seen at the moment as I replaced the collection title with a ‘.’ so the text doesn’t overlay the picture. This will hinder SEO though so I would like to have the collection title there but not visible.
Please add this CSS code at the bottom of your theme.css file and then you can add collection titles back.
.collection-card__content .h6 { opacity: 0 !important; }
Perfect! Thank you.