Hi! I’m trying to take the collection title off of one of my shopify pages - and that one only. I don’t want to change the templates for all my other collections. Can I do that with the new custom css feature that is page specific? I’m looiking to take the word ‘sale’ off of this page below. Thanks!
1 Like
hello there
Yes, you can use the custom CSS feature to remove the collection title from a specific Shopify page without affecting the templates for your other collections.
To remove the word ‘sale’ from the page you provided, you can add the following CSS code to the custom CSS field in the page settings:
.template-collection h1.page-heading {
display: none;
}
This will hide the collection title on the page.
Alternatively, if you want to keep the collection title but remove the word ‘sale’ specifically, you can use the following CSS code instead:
.template-collection h1.page-heading::after {
content: "";
}
This will remove the text after the collection title.
Remember to only apply this CSS code to the specific page where you want to remove the collection title.
Hi @Emma1903
I understand that you want to hide the collection title “SALE” only. You can follow the instructions below and it should not affect other collections.
- From your Admin page, go to Online store > Themes > click the three dots > Edit code
- Find the Layout folder, and open the theme.lqiuid file
- Find the <body tag and after that line of code, place the code below
{% if collection.handle == "sale" %}
{% endif %}
See example below
This worked perfectly! Thank you so much.