Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #186500

    Hi everybody, I tried to find out how to hide that small yellow box (Safari, Firefox) with the filename appearing when I roll over a picture with the mouse. How could I remove that?

    Thank you for your answers
    Remo

    #186549

    Hey 10-der!

    Browsers render the title attribute differently. We really don’t have any control over them. You can edit js > avia.js, find this code on line 5-6:

    $(document).ready(function()
        {

    Add this code below:

    $(".avia-slideshow li img").attr('title', '');

    This is not a solid solution but it should work on a few browsers. Remove browser cache then reload the page a few times. You can also edit config-templatebuilder > avia-shortcodes > slideshow.php, find this code on line 486:

    $linktitle = trim($slide->post_title) ? esc_attr($slide->post_title) : "";

    Replace it with:

    //$linktitle = trim($slide->post_title) ? esc_attr($slide->post_title) : "";

    Remove browser cache then reload the page.

    Best regards,
    Ismael

    #186874

    Hey Ismael,
    thank you so much. That works now fine in Firefox.

    Safari and Chrome show now caption titlles instead of the filenames.
    How could I change configuration to:
    – suppress caption title
    – suppress caption

    I already excluded caption and caption title with Quick-CSS:

    .avia-slideshow-arrows a::before {background: #000; background: transparent;}
    .avia-slideshow .avia-caption .avia-caption-title {display:none !important;}
    .avia-caption-content {display:none;}
    {.avia_desktop .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content { opacity: 0!important; }}

    Kindly regards,
    Remo

    #187032

    Hey!

    Did you try the second solution? You can use this on custom.css or Quick CSS to remove the caption and title:

    .avia-slideshow .avia-caption {
    display: none;
    }
    

    Cheers!
    Ismael

    #187160
    This reply has been marked as private.
    #187909

    Hey!

    Can we see the site live? I’m not quite sure which it might be but inspecting it live we may be able to find a way to hide it.

    Best regards,
    Devin

    #188528
    This reply has been marked as private.
    #189561

    Hi!

    Open up /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow.php and replace

    
    $html .= "<".$tags[0]." data-rel='slideshow-".avia_slideshow::$slider."' class='avia-slide-wrap' {$linkdescription} >{$caption}";
    

    with

    
    $html .= "<".$tags[0]." data-rel='slideshow-".avia_slideshow::$slider."' class='avia-slide-wrap'>{$caption}";
    

    to remove the tooltip. However note that we added the title because of SEO reasons and personally I wouldn’t recommend to remove it…

    Best regards,
    Peter

    #190886

    Hi
    thank you for the support. The replace does not change anything – there is still the yellow tooltip box with the caption over the image. (Safari)

    Best regards,
    Remo

    #191379

    Hey!

    Ok, please try to modify enfold/js/avia.js a bit. Open up the file and replace

    
    	$.avia_utilities.avia_ajax_call = function(container)
    	{
    

    with

    
    	$.avia_utilities.avia_ajax_call = function(container)
    	{
    		$('div,a,img').removeAttr('title');
    

    Best regards,
    Peter

    #191389

    Hey!

    That works brilliant! Thank you very much.
    Kindly regards,
    Remo

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Easyslider: Hide the small yellow mouseover box displaying the filename’ is closed to new replies.