Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • July 1, 2018 at 4:45 pm #979857
    zizibe1

    Hi,

    I would like to hide image titles and descriptions of thumbnails that show up in little grey boxes when you hover on images or thumbnails of galleries.

    I tried to hide this feature by following the instructions in this two posts:

    http://kriesi.at/documentation/enfold/remove-image-titles-that-show-up-when-you-hover-on-images/

    https://kriesi.at/support/topic/remove-tooltip-display-of-image-captions/

    The problem is that the codes in this two posts remove not only the image titles and descriptions of thumbnails when you hover on images or thumbnails of galleries, but also the description below the image in the lightbox. I would like the description to still display there. How can I achieve this?

    Best regards,
    zizibe1

    July 2, 2018 at 5:20 pm #980159
    Nikko

    Hey zizibe1,

    Can you try to give us a link to the page where you want it to be applied? so we can take a closer look and try to modify the code based on what you need.
    You can post the link in private content if you want it to be seen only by the moderators.

    Best regards,
    Nikko

    July 2, 2018 at 6:54 pm #980211
    zizibe1
    This reply has been marked as private.
    July 4, 2018 at 10:58 am #981078
    Nikko

    Hi zizibe1,

    Can you try to use this code instead:

    function remove_title_attr(){
?>
<script>
jQuery(window).load(function(){
  jQuery('#wrap_all img.avia_image').removeAttr('title');
});
</script>
<?php
}
add_action('wp_footer', 'remove_title_attr');

    Hope it helps :)

    Best regards,
    Nikko

    July 4, 2018 at 3:31 pm #981260
    zizibe1

    Hi Nikko,

    Thank you for the code. Unfortunately, it doesn’t work.

    I went to Enfold Child > Performance and disabled “CSS file merging and compression” and “Javascript file merging and compression”.

    Then I went to Appearance > Editor > Theme Functions, added the code at the bottom of the functions.php and clicked on “Update File”.

    Afterwards I enabled “CSS file merging and compression” and “Javascript file merging and compression”.

    When you hover on images or thumbnails of galleries, the little grey boxes with the image titles and descriptions of thumbnails in it still are showing up. Moreover, at the bottom of the browser window, there is also a little grey box with the description of the name of the image in it showing up. But I would like to hide both little grey boxes.

    Best regards,
    zizibe1

    July 6, 2018 at 9:49 am #981936
    Nikko

    Hi zizibe1,

    Thanks for giving us admin access, I modified the code to:

    function remove_title_attr(){
?>
<script>
jQuery(window).load(function(){
  jQuery('#wrap_all img.avia_image, #wrap_all .avia-gallery-thumb img, #wrap_all .avia-gallery-thumb a').removeAttr('title');
});
</script>
<?php
}
add_action('wp_footer', 'remove_title_attr');

    And it worked properly. Let us know if you need further assistance.

    Best regards,
    Nikko

    July 8, 2018 at 2:13 am #982622
    zizibe1

    Hi Nikko,

    Great. Thank you very much.

    Every time I mouse over a link it flashes the web address in a grey bar in the lower left corner of the browser window. This feature is still there. But it’s okay. I want to keep it.

    Do you know what this feature is for?

    Best regards,
    zizibe1

    July 8, 2018 at 6:39 pm #982762
    Victoria

    Hi zizibe1,

    Glad we could help :)

    That’s the browser default behavior, we cannot change that.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 8, 2018 at 6:48 pm #982766
    zizibe1

    Hi Victoria,

    Thank you very much for your reply.

    You can close this topic now.

    Edit: I just noticed that the description below the image in the lightbox still is missing. So I will continue with this topic.

    Best regards,
    zizibe1

    • This reply was modified 6 years, 5 months ago by zizibe1.
    July 12, 2018 at 11:25 pm #984915
    zizibe1

    Hi Victoria,

    I just noticed that the description below the image in the lightbox still is missing. Probably I overlooked this last time I answered your post.

    How can I fix this?

    Best regards,
    zizibe1

    July 15, 2018 at 3:16 am #985551
    Mike

    Hi,
    Unfortunately the lightbox gets it’s description from the title element that has been removed by the earlier function, while we can write the function to not work on this one page, you will still get the hover title on this page.
    Is that acceptable? Is there any other pages that you don’t want the function to work?

    Best regards,
    Mike

    July 16, 2018 at 5:06 pm #985990
    zizibe1

    Hi Mike,

    Thank you for your reply.

    Currently, when I go to my page “Portfolio” and hover on the big image of a gallery, a little grey box with the image title in it is showing up. But I would like to hide it – on every page of my website. (Currently, I added galleries only to my page “Portfolio”.)

    When you look at other websites of companies, e. g. Apple, there’re no little grey boxes showing up when you hover on a clickable image. So I don’t want that on my website either.

    If there’s no other possibility, I could live without the description below the image in the lightbox. But it’s important to me to hide the little grey box with the image title in it when you hover on the big image of a gallery. How can I achieve this?

    Best regards,
    zizibe1

    July 17, 2018 at 3:54 am #986205
    Mike

    Hi,
    I changed the code in your function to work on every image on your site, Please clear your browser cache and check.
    Since you won’t have the title under your lightbox image, perhaps you will also wish to hide the “number” of images under the lightbox also.
    If so please try this code in the General Styling > Quick CSS field:

    .mfp-bottom-bar {
display: none !important;
}

    Best regards,
    Mike

    July 17, 2018 at 1:04 pm #986405
    zizibe1

    Hi Mike,

    Thank you very much for your support. Now, the little grey box with the image title in it is hidden.

    Thank you also for the code to hide the “number” of images under the lightbox. It works fine.

    Best regards,
    zizibe1

    July 18, 2018 at 2:24 am #986705
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Hide titles and descriptions when you hover on images or thumbnails of galleries’ is closed to new replies.