Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 15, 2019 at 9:00 pm #1091081
    FloakaEditor

    Hi Guys,

    Disable Masonry Portfolio Links

    I have two Masonry Portfolios on my website.
    I’d like to deactivate the ability to click on the image on both.
    BUT it should keep the hover effect.

    I found the following threads but unfortunately, nothing worked:
    1. https://kriesi.at/support/topic/portfolio-masonry-remove-link/
    2. https://kriesi.at/support/topic/remove-link-on-portfolio-grid/
    3. https://kriesi.at/support/topic/turning-off-link-titles-on-masonry-portfolio/

    I provided you an admin account in the private content.
    Let me know what you did, so I won’t have to bother you in the future :)

    • This topic was modified 5 years, 7 months ago by FloakaEditor. Reason: strange formatting
    April 16, 2019 at 10:07 am #1091342
    Rikard

    Hey FloakaEditor,

    Please try the following in Quick CSS under Enfold->General Styling:

    .home a.av-masonry-entry {
  pointer-events:none;
}

    Best regards,
    Rikard

    April 18, 2019 at 9:23 am #1092347
    FloakaEditor

    Hi Rikard,

    thank you for your answer.
    Unfortunately, this did not do the trick.
    I tried to add an !important but this did not have any effect either.

    Best,
    Florian

    April 19, 2019 at 6:11 am #1092586
    Rikard

    Hi,

    It’s working on the home page, did you check that? You can extend the code to apply to the portfolio page as well:

    .home a.av-masonry-entry, .page-id-20 a.av-masonry-entry {
  pointer-events:none;
}

    Best regards,
    Rikard

    April 19, 2019 at 2:40 pm #1092687
    FloakaEditor

    Hi Rikard,

    yeah, it does work on the front page now. GREAT!

    However, with this solution, you lose the hover-effect which I wanted to maintain.

    Best

    • This reply was modified 5 years, 7 months ago by FloakaEditor.
    April 20, 2019 at 10:27 am #1092909
    Nikko

    Hi FloakaEditor,

    I have commented out Rikard’s code and added this at the bottom of your functions.php file:

    function remove_link_redirect(){
  ?>
  <script>
    (function($){
      $(document).ready(function(){
        $('#top.home .av-masonry-entry').click(function(event){
          event.preventDefault();
        });
      });
    })(jQuery);
  </script>
  <?php
}
add_action('wp_footer', 'remove_link_redirect');

    Let us know if you need further assistance.

    Best regards,
    Nikko

    September 25, 2019 at 4:23 pm #1141847
    Tobias

    Thanks Nikko,

    that works great!

    Tobias

    September 25, 2019 at 5:11 pm #1141874
    Jordan Shannon

    Hey Tobias,

    I’m glad the solution was able to solve your problem.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.