오버레이로 이미지에서 href 링크 제거

Question

http://srougi.biz/gb/portfolio_listing/에 나열된 제품을 클릭 할 수없는 항목으로 변환해야하지만 오버레이 효과가 느슨합니다. 그리고 그것의 워드 프레스 사이트, 내가 코드를 바꿀 수 없어, 내 유일한 옵션은 CSS와 함께 할 수 있습니다. 포인터 이벤트를 넣으려고했는데 이미지에 none과 cursor : default가 있지만 오버레이 효과가 없어졌습니다. 나는 너의 도움에 감사 할 것이다.

Answer 1

이 경우 링크를 비활성화하려면 자바 스크립트 코드를 추가해야합니다.

JS : 테마 파일에 </body> 전에 추가 : footer.php

<script> 
    var thumbnails = document.getElementsByClassName('thumbnail'); 
    for(i = 0; i < thumbnails.length; i++){ 
     thumbnails[i].getElementsByTagName("a")[0].setAttribute("onclick", "return false;"); 
    } 
</script> 

CSS : 스타일 링크에서 포인터를 제거합니다.

.thumbnail a { 
    cursor: default !important; 
} 

Answer 2

우리는 CSS에서 이벤트를 처리 할 수있는 옵션이 없습니다. 이 jquery 스 니펫을 사용하여 $ ('. isotope-item .thumbnail a')을 수정하십시오. (function (e) e.preventDefault(); });