Need help removing text links from a page. More info in the post

Store Design
1

Hello! I had someone on here help me add some text to my collection images. I’d like to remove the text and make the images links themselves. I tried to set the font size to 0 but since the text are the links, it wouldn’t let me click any of the images. Here’s a screenshot of the site, and then the code that I was given to make it happen.

Website: www.neuromindart.com

screenshot.jpg
screenshot.jpg1920×1156 200 KB

Said simply, I’d like to remove the text on the images and allow the images to be clicked as links.

Here’s the code that allowed me to do this, thanks to @AvadaCommerce

#artwork .grid__item {
position: relative;
margin-bottom: 25px;
}
#artwork .grid__item .collection-grid__item-title {
position: absolute;
z-index: 9;
height: 100%;
width: calc(100% - 30px);
left: 30px;
top: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
#artwork .grid__item .collection-grid__item-title a {
color: #fff;
}
@media (max-width: 590px) {
#artwork .grid__item .collection-grid__item-title {
left: 15px;
width: calc(100% - 15px);
}
}

2

@Neuromind ,

.collection-item__title {
	display: none;
}

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

The link will also not work.

You have to customize the collection, check the at work page and add the link.

Or check the template file for this page. and add the link there

3

Hi @Neuromind ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.collection-item__title {
    font-size: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

Hope it helps!

4

When I add this, the images are unclickable. How do I set the link to the image instead of the title?

5

When I add this one also, the images are unclickable. How do I set the link to the image instead of the title?

6

I’ve been looking on all the code pages for hours and I cant find the anything about links anywhere. =[

7

Hi @Neuromind ,

The link will be linked to the title, now you just need to add the code, it will work fine.

So now you add the code, the title will be hidden and the image will be linked.

You can try to check it.

8

Oh wow that did work perfectly! Thank you!

9

Hi I am having a similar problem but with the sense 2.0 theme. Could you help? Thanks so much :slightly_smiling_face:

10

Hi @scranman ,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.