How to remove product title from featured collection on home page?

[Smeelah]

Hi,

I want to remove the product titles on specific featured collection grids on the home page. I don't want to remove the link from the image.

I've already added this custom css to remove the price but nothing that I have tried will remove the title. 

.collection .card-information .price {
display: none !important;
}

Thanks for any help!

[Made4uo-Ribe]

Hi @Smeelah 

Would you mind sharing your store URL? Thanks!

[Smeelah]

oh right;)

leilacools.com

and I'm using Dawn 11.0

thanks

[Made4uo-Ribe · Accepted solution]

Thanks for the info, check this one. 

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 "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

{% if template.name == 'index' %}
<style>

.collection .card__heading {
    color: transparent;
}
.collectio .card__content {
    position: absolute;
    top: 50%;
}
</style>
{% endif %}

And save. 

Result:

Note: This will hide only on your homepage not the collection page. 

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

[Smeelah]

It works perfectly and only on the home page. Thank you very much!

[Smeelah]

One would assume that would work since it worked for price but no. Thanks anyway!

[BSSCommerce-HDL]

Hi @Smeelah, 

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 .card__heading {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
}
</style>

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 😍

[Smeelah]

This removes the title from all collections but thanks anyway!

[BSSCommerce-B2B]

@Smeelah , just add more this code

.collection .card__information .card__heading {
    opacity: 0;
}

[PageFly-Richard]

This is Richard from PageFly - Shopify Page Builder App

Hi @Smeelah  Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
.collection .card__information{
display: none !important;
}
</style>

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly