Projests CSS

How to:
– disable overlay on :hover
– disable link to project page

Hello there,

Those two can be accomplished by done these steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box


  if( $('.roll-project').length ){

    // Remove project's overlay

    // Remove project's link
    $('a.project-pop-wrap').attr('href', '#');
    $('a.project-pop-wrap').on('click', function(e){


  1. Update


Thank you for the code, but is it possible to achieve this by CSS?

There is no way with CSS except hiding the project’s overlay.

You can remove this line:

// Remove project's overlay

Then add the below CSS code into your site’s additional CSS options.

  display: none; 

As far as I know, CSS loads faster than JS. If that is the matter, you can speed up the JS rendering by minifying it using this tool. I’m not sure it will take significant change though. Because the code I suggest is quite short. For more comprehensive guidance for improving your site’s performance, please read the codex: