Jump to content

Make Thumbnails Unclickable

Recommended Posts

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

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

 

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
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
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 by tuanphan

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.