Remove heading from collection tile

[NW3]

Hello,

I am using images for the collection listings.  As I have included the collection name as text in these images I do not need the Collection heading to appear.  Does anyone know how I can remove this whilst retaining the link to the collection page?

 

[BSSCommerce-HDL · Accepted solution]

Hi @NW3, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.collection-grid-item__title.h3 {
    display: none !important;
}	
</style>

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
.collection-grid-item__title.h3{
  display: none !important;
}
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[BSSCommerce-HDL]

Hi @NW3, Can you kindly share your store link with us? We will check it and suggest you a solution if possible.

[AnneLuo]

Hi, @NW3 

Can you share the store URL so that I can assist you.

[NW3]

Thank you. 

tullyandco.com.au

[niraj_patel]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
    .collection-grid-item__title.h3 {
         display: none !important;
     }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
.collection-grid-item__title.h3{
  display: none !important;
}
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[BSSCommerce-HDL · Accepted solution]

Hi @NW3, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.collection-grid-item__title.h3 {
    display: none !important;
}	
</style>

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[NW3]

Thank you that worked.  Is it possible to help me with the individual collection page too?  

[BSSCommerce-HDL · Accepted solution]

Hi @NW3, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
h1.collection-hero__title.page-width {
    display: none !important;
}
</style>

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍