Shopify themes, liquid, logos, and UX
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!
Thanks!
Solved! Go to the solution
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
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
Thanks very much for replying!
I am currently using the Debut theme.
@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
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.
hii, @Ashden
kindly share your store URL so,
I can solve it and give you a solution.
Thank You.
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
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024