Make Thumbnails Unclickable

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

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

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!

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

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!