Remove individual click-through function on an Index Item

Hey there,

This question is specific to the 'York Template'

On the main index page, I'm looking to remove the 'Index Item Text' and click-through function on an individual index section, the idea is to use the full-length banner as an image inbetween information links (above and below) rather than a link to an information page.

I was hoping there would be a line of CSS that I could inject or even a suggestion on another process of uploading which might work.

I'd appreciate any help on this!

Thanks

@MrLoubser You mean to remove these item text & click? Link: https://york-demo.squarespace.com/

Screenshot: https://prnt.sc/ozzfj8

@tuanphan

Yes, that is correct, please refer to the attached image - I'm looking to remove the red text (index page / link title) and stop or remove the click-through function on the image shown.

I'd still like to keep the hover function, but the image needs to be static with no text if that makes sense?

Please let me know if you need more details... apologies if I'm not using the correct terminology.

Thanks

This is what I'm trying to achieve, I'm halfway there! Please see attached image

@MrLoubser Try this code. If it doesn't work, please share site url to check code. Add code to HOME > DESIGN > CUSTOM CSS

/* Hide Item Text - Homepage */
.homepage h2.index-item-title {
   visibility: hidden !important;
}
/* Remove Click - Homepage */
.homepage .index-item {
   pointer-events: none;
}

Also, I have seen your comment on my blog (beaverhero.com). I have now closed the comment, so you can post here or sent to contact form on my blog instead.

@MrLoubser Try this code. If it doesn't work, please share site url to check code. Add code to HOME > DESIGN > CUSTOM CSS

/* Hide Item Text - Homepage */
.homepage h2.index-item-title {
   visibility: hidden !important;
}
/* Remove Click - Homepage */
.homepage .index-item {
   pointer-events: none;
}

Also, I have seen your comment on my blog (beaverhero.com). I have now closed the comment, so you can post here or sent to contact form on my blog instead.

Ok, this works great!

So, at the moment it removes all Index Titles and all click-throughs, how do I use it for a specific Index section as there are only 3 I want to disable like this.

For example, the index-item-title section in question is "neuron" - how would I only target that section?

Thanks

@MrLoubser

/* Hide Item Text - Homepage */
.homepage .index-section:nth-child(2) .index-item-title, .homepage .index-section:nth-child(3) .index-item-title {
   visibility: hidden !important;
}

/* Remove Click - Homepage */
.homepage .index-section:nth-child(2) .index-item, .homepage .index-section:nth-child(3) .index-item {
    pointer-events: none;
}

Depending on the item, you can change it to 3,4,5,6, ..

@tuanphan

You are a genius! Thank you very much for your help, I really appreciate it.

This is perfect.

@tuanphan okay I am also trying to remove the index title that appears on rollover over the index image for a page.

I use this code on the CSS section? /* Hide Item Text - Homepage */ .homepage .index-section:nth-child(2) .index-item-title, .homepage .index-section:nth-child(3) .index-item-title { visibility: hidden !important; }

(for the example let's say my page was called Chocolate, so I understand what I am doing with the code. Please Thank you!!!!)