Remove Text on Collection images - GRID Theme

Solved
Highlighted
Tourist
14 0 2

I just want to remove the text on top of the images in collections. I have tried adding snippets of code to the bottom of theme.css.liquid file but no matter what I do there are no changes to the site. 

1 Like
Highlighted
Shopify Partner
4885 725 1571

Hello, @SanaraSkincare 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
14 0 2
0 Likes
Highlighted
Excursionist
177 45 53

This is an accepted solution.

Hi @SanaraSkincare 

Thanks for the post.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.home-masonry-feature-text {
    display: none;
}
If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
Shopify Partner
4885 725 1571

This is an accepted solution.

@SanaraSkincare 

Thanks for URL.

can please please add this below code 
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file.

.home-collection-title, p.home-masonry-feature-title {
display: none;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
14 0 2

That worked. Thank you so much!!

0 Likes
Highlighted
Tourist
14 0 2

Would it be possible to show the text on mouseover only? 

0 Likes
Highlighted
Shopify Partner
4885 725 1571

@SanaraSkincare 

Yes, please add below code also.

.home-masonry-feature-text {
opacity: 0;
}
article.home-masonry-feature:hover .home-masonry-feature-text {
opacity: 1;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes