Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1399566
    Papabear1609
    Participant

    Good Evening,

    my url is http://ftmv.org/

    On my Artwork page I have a grid gallery, As I hover over my Gallery boxes it shows the name of my sculpture and i have to click on the text in order to go to that specific artwork page. The problem that i am having is that i do not want to have to click on the text in order to go to that specific page but i would rather like for the entire box to be live so that when i click anywhere in that box it takes me to the respective page without having to click directly on the text.

    How would i go about making this important function on my site. The specific url is http://ftmv.org/artwork/

    Thank you very much for your help.

    #1400039
    Rad
    Moderator

    Hi there,

    Thanks for posting in.

    It’s not currently possible, you could try Essential Grid’s lightbox like from here https://www.themepunch.com/faq/load-post-media-in-lightbox/ but instead of gallery, you’ll add your post content.

    Thanks.

    #1400461
    Papabear1609
    Participant

    Hi there, Thanks for the advice however i need the entire block to be clickable, I have changed the skin in the grid to the big heart skin as this entire block is able to be clicked, I am now having an issue where i cannot hide the text in the idle state, I would only like the text to appear when i hover on the block.

    I have tried everything and cannot get it to work.

    Please help.

    Thanks

    #1400731
    Lely
    Moderator

    Hello There,

    Unfortunately, that is not possible with the current structure. As you can see, the red box with the text appears on hover state already. Another hover effect is not possible that is why the text was showing by default.

    Hope this helps.

    #1403737
    Papabear1609
    Participant

    I have come up with a fix for the interim.

    If you add in an icon element and scale the box really big and hide the border you can actually achieve this function.

    Thanks for all the help guys!

    #1404063
    Rad
    Moderator

    Glad it works and thanks for sharing!

  • <script> jQuery(function($){ $("#no-reply-1399566 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>