MrLoubser Posted August 31, 2019 Share Posted August 31, 2019 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 Link to comment
tuanphan Posted August 31, 2019 Share Posted August 31, 2019 @MrLoubser You mean to remove these item text & click? Link: https://york-demo.squarespace.com/ Screenshot: https://prnt.sc/ozzfj8 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
MrLoubser Posted August 31, 2019 Author Share Posted August 31, 2019 @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 Link to comment
MrLoubser Posted August 31, 2019 Author Share Posted August 31, 2019 This is what I'm trying to achieve, I'm halfway there! Please see attached image Link to comment
tuanphan Posted August 31, 2019 Share Posted August 31, 2019 @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. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
tuanphan Posted August 31, 2019 Share Posted August 31, 2019 @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. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
MrLoubser Posted August 31, 2019 Author Share Posted August 31, 2019 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 Link to comment
tuanphan Posted August 31, 2019 Share Posted August 31, 2019 @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, .. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
MrLoubser Posted August 31, 2019 Author Share Posted August 31, 2019 @tuanphan You are a genius! Thank you very much for your help, I really appreciate it. This is perfect. Link to comment
css_newbie Posted September 16, 2019 Share Posted September 16, 2019 @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!!!!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.