How can I remove unwanted text from my featured collection?

Technical Q&A

Topic summary

A Shopify store owner encountered unwanted text appearing at the bottom of a featured collection and sought help removing it.

Initial Troubleshooting Attempts:

  • First suggestion: Edit default theme content via Online Store > Themes, but this didnā€™t resolve the issue
  • Second suggestion: Use Shopifyā€™s Localize feature to check market translations, but the user didnā€™t have this option
  • Third suggestion: Add custom CSS code to base.css/style.css to hide the element with opacity: 0

Successful Solution:
The issue was resolved by editing the themeā€™s liquid file directly:

  • Navigate to Online Store > Themes > Actions > Edit code
  • Open the ā€œtheme.liquidā€ file in the Layout folder
  • Locate the <body...> line and insert custom code on a new line after it
  • Save changes

The user confirmed this final approach worked successfully.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

Hello,

My shop is showing this text at the bottom of a featured collection, can someone help me remove this?

Site: https://forgenerations.co/

PW: deibar

Error.PNG
Error.PNG1891Ɨ768 149 KB

1 Like
2

Hi @forgenerations

Go to your Online Store > Themes > Edit default theme content, add tex in Collection title field

Screenshot 2023-11-15 at 09.17.57.png
Screenshot 2023-11-15 at 09.17.57.png1130Ɨ648 21.7 KB

3

Hi, thank you, unfortunately this did not work.

4

Hi @forgenerations

Thank you for providing the screenshots. Please follow the instructions below to resolve your issue.

  • From your Shopify admin dashboard, click on ā€œOnline Storeā€ and then ā€œThemesā€.
  • Find the theme that you want to edit and click on ā€œActionsā€ and then ā€œEdit codeā€.
  • In the ā€œAssetsā€ folder, click on ā€œbase.css, style.css or theme.cssā€ file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
#shopify-section-template--19489105117526__5da2bc8d-0c00-4cb1-bdc7-f7f1d7233ab0 .collection-grid-item__title.h3 {
    opacity: 0;
}
  • And Save.
  • Result

Made4uoRibe_0-1700017845978.png
Made4uoRibe_0-1700017845978.png1835Ɨ851 183 KB

Please donā€™t forget to Like and Mark Solution to the post that helped you. Thanks!

5

Try to check with Localize, select market with English and check translate text section

Screenshot 2023-11-15 at 10.12.46.png
Screenshot 2023-11-15 at 10.12.46.png1360Ɨ483 17.6 KB

6

Unfortunately this didnā€™t work

1 Like
7

Unfortunately I do not have a ā€˜localizeā€™ option

8

So please try add text of heading of that section in your Online store > Themes > Customize

9

Hi @forgenerations

You might have errors in your base.css. Lets do a different route instead.

Thank you for providing the screenshots. Please follow the instructions below to resolve your issue.

  • From your Shopify admin dashboard, click on ā€œOnline Storeā€ and then ā€œThemesā€.
  • Find the theme that you want to edit and click on ā€œActionsā€ and then ā€œEdit codeā€.
  • In the ā€œLayoutā€ folder, click on ā€œtheme.liqudā€ file
  • Find the line of code <body ā€¦
  • Create a new line after it but clicking enter on your keyboard
  • Paste the code below
  • And Save.

See image below for placement reference

Made4uoRibe_0-1700019634055.png
Made4uoRibe_0-1700019634055.png1265Ɨ739 37.3 KB

Please donā€™t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
10

Perfect, it worked! Thank you so much!