Text over "Shop Category" image.

Solved
Ashden
Tourist
7 0 6

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!

Sophia
Shopify Staff
Shopify Staff
929 58 103

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

0 Likes
Ashden
Tourist
7 0 6

Thanks very much for replying!

 

I am currently using the Debut theme.

 

 

0 Likes
KetanKumar
Shopify Partner
23424 2356 8629

@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
0 Likes

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

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us | Whatsapp. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
0 Likes
Sophia
Shopify Staff
Shopify Staff
929 58 103

@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

0 Likes

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

◦ Slideshow section not looking good or cutting off? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets. Examples here.
◦ In need of coding help? I'm available for hire! ezfycode@gmail.com