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
  • Replies 4
  • Created
  • Last Reply

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

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.