How can I hide the collection title without affecting image links?

[basicbastardco]

Hi guys, 

I would like to hide the collection title from the homepage. I used the display none option and it worked. After hiding the title, if I click on the photo, the link doesn't work. I would like to keep only the image and clickI would very much appreciate your help. Thanks

URL: https://basicbastard.co/

[oscprofessional]

@basicbastardco 
Hello,

.card-wrapper.animate-arrow .card__heading {
	display: none;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like This

[ZestardTech · Accepted solution]

Hello there,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

.collection-list-wrapper .card__content .card__information {
height: 0;
overflow: hidden;
padding: 0;
}

[riteofmadness]

Worked perfectly, thank you!

[ZestardTech]

Hi @riteofmadness 

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.If helpful then please Like and Accept Solution.

[oscprofessional]

@basicbastardco ,

Can you give me store access so that I can make the changes...

[GemPages]

Hello @basicbastardco 

It's GemPages support team and glad to support you today.

You can follow these steps:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :

<style>
.section-collection-list .collection-list__item .card > .card__content,
.section-collection-list .collection-list__item .card__inner .icon-wrap{
   display: none !important;
}
.section-collection-list .collection-list__item .card__inner .card__information{
   display: block !important;
}
.section-collection-list .collection-list__item .card__inner .card__heading a{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   font-size: 0 !important;
}
</style>

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

[PageFly-Victor]

Hi @Basicbastardco,

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

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

Step 2: Search file theme.liquid.

Step 3: Paste the below code at the before </head> element of the file -> Save

{% if template.name=="index" %}

<style>

.card-wrapper.animate-arrow .card__heading {

display: none;

           }

  </style>

{% endif %}

it will work only the home page

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly