Solved

Text over "Shop Category" image.

Ashden
Excursionist
18 0 10

Hey, 

 

I am having some trouble figuring out how to remove the text over the shop categories images, as shown below. I have looked through and tried a few different recommended solutions online, although they didn't seem to work either because they were outdated or for some other reason. Any help or advice would be greatly appreciated!

jjjjjjjtttt.JPG

Thanks!

Accepted Solution (1)

diego_ezfy
Shopify Partner
2935 562 883

This is an accepted solution.

@Ashden, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

.collection-grid-item__title{
    display: none !important;
}



Please let me know whether it works.

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

View solution in original post

Replies 6 (6)

Sophia
Shopify Staff
1666 108 217

Hey, @Ashden!

I appreciate wanting to use your own designs in this case for a more cohesive brand image across your store. 

Can you please let me know the name of the theme you're using? If it is one of the free themes by Shopify, I can check with our Theme Support team to see if there's still a place in the theme editor to remove this text. Otherwise, if you still have design time available, the Theme Support team may be able to help you edit this.

In the meantime, I recommend looking into adding alt text to your product images. This not only helps improve search engine optimization, but offers accessibility for those that might be navigating your store with assistive technology like a screen reader. Ultimately, we want to ensure that your store isn't losing any important information in removing this text, and that customers are still able to easily find what they are looking for.

Sophia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Ashden
Excursionist
18 0 10

Thanks very much for replying!

 

I am currently using the Debut theme.

 

 

Sophia
Shopify Staff
1666 108 217

@Ashden wrote:

Thanks very much for replying!

I am currently using the Debut theme.


No problem! Thank you for confirming your theme name here.

I asked our Theme Support team about this and they clarified that removing the collection titles is not a change they're able to support for accessibility and user experience reasons. Essentially, when text that is intended to be read is instead embedded in an image, screen readers and other assistive technologies cannot read the text. There is a great blog post that explains this in more detail here: Why Is It Important for Accessibility to Use Actual Text Instead of Images of Text?

Let me know if you have any other questions about your theme or store setup. I'm happy to see if there's anything else I can help you with!

Sophia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

KetanKumar
Shopify Partner
36839 3635 11972

@Ashden 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you 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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Zworthkey
Shopify Partner
5581 642 1565

hii, @Ashden 
kindly share your store URL so,
I can solve it and give you a solution.
Thank You.

diego_ezfy
Shopify Partner
2935 562 883

This is an accepted solution.

@Ashden, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

.collection-grid-item__title{
    display: none !important;
}



Please let me know whether it works.

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.