Easyslider: Hide the small yellow mouseover box displaying the filename - Support

Tagged: easyslider, mouseover, rollover

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

Author

Posts
November 9, 2013 at 6:19 pm #186500

10-der
Participant

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

November 10, 2013 at 3:12 am #186549
Ismael
Moderator
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
November 11, 2013 at 3:45 pm #186874

10-der
Participant

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

November 12, 2013 at 1:07 am #187032
Ismael
Moderator
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
November 12, 2013 at 10:02 am #187160

10-der
Participant

This reply has been marked as private.

November 13, 2013 at 7:40 pm #187909

Devin
Inactive Moderator

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

November 14, 2013 at 8:08 pm #188528

10-der
Participant

This reply has been marked as private.

November 16, 2013 at 10:20 am #189561
Dude
Participant
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
November 20, 2013 at 10:47 am #190886

10-der
Participant

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

November 21, 2013 at 10:22 am #191379
Dude
Participant
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
November 21, 2013 at 10:48 am #191389

10-der
Participant

Hey!

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

Posts

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.