Hi, Could anyone help me with renaming “Filter By Tags” to “Filter By Countries”
Topic summary
A user seeks to rename “Filter By Tags” to “Filter By Countries” on their Shopify store’s search/collection page.
Initial Troubleshooting:
- First suggestion was to check the theme’s default content editor (Admin > Online Store > Themes > Edit default theme content)
- User confirmed it’s not default theme content, indicating it’s likely app-generated
Proposed Solution:
A support team member (Daisy from Avada) provided custom CSS code to override the label:
- Navigate to Shopify admin > Customize > Theme settings > Custom CSS
- Insert CSS that hides the original text and replaces it with “Countries” using
::beforepseudo-element
Current Status:
The discussion remains unresolved. The user encountered a save error when attempting to implement the CSS solution (screenshot provided but error details not specified). No follow-up troubleshooting or alternative solutions have been offered yet.
@Velluca is it default theme content? if yes then check this text in
admin > Online Store > Themes > in the current theme, click “…” > Edit default theme content
Hi @Velluca
Could you please share the store link so we can check it further?
Looking forward to hearing from you soon. Thank you!
Best,
Daisy - Avada Support Team.
its not default theme content
if it is an app, then you need to contact app support
Hi @Velluca
I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there
Here is the code for Step 3:
.shopbnb-search-form-tag-input.shopbnb-filter-tag > h5.shopbnb-filter-subtitle {
font-size: 0 !important;
}
.shopbnb-search-form-tag-input.shopbnb-filter-tag > h5.shopbnb-filter-subtitle::before {
content: "Countries";
font-size: 16px;
}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
