Jeffry Posted June 23, 2020 Share Posted June 23, 2020 Site URL: https://www.designbyjeffry.com/ Hi there, I am currently revamping my website and decided to use Avenue as the new template. I am wondering if there is any way to make some pages (or images/thumbnails) from the grid gallery 'unclickable' so they will serve as still images instead of accessible pages. Another possible approach is to remove them as pages and add them back as still images between the thumbnails in the gallery block, but I am not sure if that's possible. If you go to my website (www.designbyjeffry.com), you will notice there are four thumbnails with a geometrical shape as the cover. They are the pages that I want to make 'unclickable'. Thank you in advance! Cheers. -J Link to comment
tuanphan Posted June 23, 2020 Share Posted June 23, 2020 Add to Home > Design > Custom CSS. Do similar for other items a.project[href="/verina-risoles/"] { pointer-events: none; } a.project[href="/native-man-skincare-1/"] { pointer-events: none; } Jeffry 1 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
Jeffry Posted June 25, 2020 Author Share Posted June 25, 2020 On 6/23/2020 at 4:06 PM, tuanphan said: Add to Home > Design > Custom CSS. Do similar for other items a.project[href="/verina-risoles/"] { pointer-events: none; } a.project[href="/native-man-skincare-1/"] { pointer-events: none; } Thank you so much for this! I have successfully made the pages unclickable thanks to the custom CSS. 😄 Just one more question, is it possible to hide their page titles? Thank you again in advance! Link to comment
tuanphan Posted June 25, 2020 Share Posted June 25, 2020 (edited) 2 hours ago, Jeffry said: Thank you so much for this! I have successfully made the pages unclickable thanks to the custom CSS. 😄 Just one more question, is it possible to hide their page titles? Thank you again in advance! Use this CSS a.project[href="/gallery-1/"] .project-title { display: none !important; } Do similar for other items Edited June 25, 2020 by tuanphan Jeffry 1 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
Jeffry Posted June 26, 2020 Author Share Posted June 26, 2020 16 hours ago, tuanphan said: Use this CSS a.project[href="/gallery-1/"] .project-title { display: none !important; } Do similar for other items All done! Thanks again for the help and hope you have a great weekend ahead! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment