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

Store Design
, , , ,
1

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/

Screenshot 2022-12-22 at 9.48.39 AM.png
Screenshot 2022-12-22 at 9.48.39 AM.png2782×1382 755 KB

2

@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

oscprofessional_0-1671704483880.png
oscprofessional_0-1671704483880.png1565×818 214 KB

3

@basicbastardco ,

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

4

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 :

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

5

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;
}

ZestardTech_0-1671705019411.png
ZestardTech_0-1671705019411.png1801×831 260 KB

6

Hi [email removed]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 element of the file → Save

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

{% endif %}

it will work only the home page

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

7

Worked perfectly, thank you!

8

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.