Navigation
Archive / Essential grid – disable image overlay (Page 2)
This is archived content. Visit our new forum.

Tagged: 

1 2 3
  • Author
    Posts
  • July 24, 2016 at 12:33 am #1100395
    flacnvinyl
    Participant
    This reply has been marked as private.
    July 24, 2016 at 1:15 am #1100422
    Rue Nel
    Moderator

    Hello There,

    Thank you for the clarifications!

    To remove just the popup icon, please use this code:

    .pracia .tg-media-button .tg-icon-add {
  display: none;
}

    And if you want to remove the overlay, please use this code:

    .tg-item .tg-center-inner {
    display: none;
}

    Because the grid is utilizing the skin, these code may not work is some other grids. The code will only apply to the grid using the skin that use the classes in the code given. This is also why the other previous codes work in some grid and does not affect other grid.

    Hope this helps.

    July 24, 2016 at 1:27 pm #1100887
    flacnvinyl
    Participant

    The code for pracia worked great but the single icon left is now off-center (to the right). Can we add additional code to make the article hover/popup url link centered?

    July 24, 2016 at 6:57 pm #1101078
    Rad
    Moderator

    Hi there,

    Sure, please add this as well,

    .pracia .tg-link-button {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

    Hope this helps.

    July 24, 2016 at 7:50 pm #1101168
    flacnvinyl
    Participant
    This reply has been marked as private.
    July 24, 2016 at 9:23 pm #1101231
    Rad
    Moderator

    Hi there,

    Please add this as well,

    .pracia .tg-link-button .tg-icon-link {
display: none;
}

    Thanks!

    July 24, 2016 at 9:39 pm #1101244
    flacnvinyl
    Participant
    This reply has been marked as private.
    July 24, 2016 at 11:11 pm #1101318
    Rad
    Moderator

    Hi there,

    The + icon right? Please add this as well, it’s not centered due to hidden element.

      .pracia:hover .tg-link-button {
display: none;
}

    Thanks!

    July 24, 2016 at 11:20 pm #1101326
    flacnvinyl
    Participant

    PERFECT! Mission accomplished! And as always, thank you!

    July 25, 2016 at 12:49 am #1101381
    Rue Nel
    Moderator

    You’re welcome! We’re happy to help you out.
    If you need anything else we can help you with, don’t hesitate to open another thread.

    July 25, 2016 at 11:29 am #1102103
    flacnvinyl
    Participant
    This reply has been marked as private.
    July 25, 2016 at 12:50 pm #1102235
    flacnvinyl
    Participant
    This reply has been marked as private.
    July 25, 2016 at 6:22 pm #1102598
    flacnvinyl
    Participant
    This reply has been marked as private.
    July 26, 2016 at 11:41 pm #1104599
    Lely
    Moderator

    Hi There,

    Upon checking, the plus sign is now disable using the following CSS:

    .tg-icon-add:before, .tg-media-button, .tg-icon-add, .tg-icon-link:before {
    display: none;
}

    When I tried to hover and click it now goes to the article. Can you confirm that this issue is now sorted out? Thank you.

    August 24, 2016 at 7:34 am #1144600
    flacnvinyl
    Participant
    This reply has been marked as private.
  • Author
    Posts
1 2 3
  • <script> jQuery(function($){ $("#no-reply-1097146 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>