Hey,
@guenter has fixed the issue and it will be included in upcoming version.
If you would not like to wait for the upcoming version, please replace /enfold/config-templatebuilder/avia-shortcodes/google_maps/google_maps.css file with this one – https://raw.githubusercontent.com/KriesiMedia/enfold-library/master/temp_fixes/Enfold_4_8_3/Gmaps-tooltip/google_maps.css and then replace /enfold/framework/js/conditional_load/avia_google_maps_api.js file with – https://raw.githubusercontent.com/KriesiMedia/enfold-library/master/temp_fixes/Enfold_4_8_3/Gmaps-tooltip/avia_google_maps_api.js
Regards,
Yigit
Hey,
@guenter has fixed the issue and it will be included in upcoming version.
If you would not like to wait for the upcoming version, please replace /enfold/config-templatebuilder/avia-shortcodes/google_maps/google_maps.css file with this one – https://raw.githubusercontent.com/KriesiMedia/enfold-library/master/temp_fixes/Enfold_4_8_3/Gmaps-tooltip/google_maps.css and then replace /enfold/framework/js/conditional_load/avia_google_maps_api.js file with – https://raw.githubusercontent.com/KriesiMedia/enfold-library/master/temp_fixes/Enfold_4_8_3/Gmaps-tooltip/avia_google_maps_api.js :)
Best regards,
Yigit
Hey sorry for the late reply.
1. worked great
2. doesn’t work, the frame is fixed and always showing, not only on hover.
3. worked great
4. I left it without the slide just the tooltip pic.
5. I was thinking, is there a way to use the accordion element but the items will be side by side and not one under the other?
thanks for the help
Hello Joana
ALB = Advanced Layout Builder or Advanced Layout Editor. You will find this acronym often in the Enfold Forum.
Back to the 1st option of the Google Maps issue, if you’re using the Advanced Layout you have to edit the Google Map Element inside the page.
In the Google Map Element in the same window where you set the Location (Street address, Postcode, City, etc) if you scroll down you’ll find Marker And Tooltip. Uncheck Display Tooltip by default.
If you don’t use ALB but Shortcodes look in your shortcode for tooltip_display=’aviaTBaviaTBtooltip_display’ and erase it.
https://kriesi.at/documentation/enfold/google-map/
Best Reagrds
Manu
-
This reply was modified 4 years, 6 months ago by
manurimini.
Hello!
I am trying to remove the ‘hand’ icon on the cursor when hovering the hotspots, since I have the tooltip set to ‘always’ and there’s no clickable link to go.
Here’s the live website:
Thanks in advanced for your help!
-
This topic was modified 4 years, 6 months ago by
jpwcomm.
Thanks @manurimini
About the 1st option, I can’t find what you suggest.
Is it inside the page? Is it in the theme options? …?
What is tooltip in ALB?
Kind regards,
Joana
Hi Joagin,
There are two temporary solutions as you can read above.
1 – You disable the Tooltip in ALB (Google Map > Google Map Location > Display Tooltip by default = unchecked). In this case you will see the Tooltip by cliccking on the ping on the map.
2 – Add the following code in your Quick CSS and let Display Tooltip by default checked. The page will load correctely, but you will not be able to close the Toolpit once set, because the X to close the window will not be displayed.
Go to Theme Options > General Styling > Quick CSS and add the following code:
.gm-ui-hover-effect {
display: none !important;
}
I hope this explanation will help
Best Regards
Manu
I had the same problem with Enfold 4.8.3.one page layout
After deactivating the option “show tooltip immediatly in google maps (Tooltip standardmäßig anzeigen / Aktiviere diese Option, wenn du den Tooltip standardmäßig anzeigen möchten.) everything works fine.
@Ismael, i found a lot of topics about smoothscrolling issues, slow scrolling issues, easing issues since December 2020, WordPress 5.6. In many of these topics you answered and gave advise to install JQ Migrate. Can you please give an honest answer if the dev-team will fix that? Just want to know if you take bugs serious. I just discovered that i can’t use an older JQuery on one SEO Project. Getting random Javascript Errors like “$.AviaTooltip is not a constructor”. The Project has 20K landingpages. I just want to know if i can count on Enfold any further.
Hey StephanPfluegler,
I’m not sure I understand you intentions, are you looking to style individual tooltips? If so then you might want to use the class which is added to the hotspot div:
av-image-hotspot-1
Best regards,
Rikard
I use the Image Hotspot Tool with the option “show Tooltips on Mouse hover”, is it possible to add the Counter numbers as classes to the tooltips?
Hi Oups4740,
Can you try to uncheck Display Tooltip by default in each map?
It’s inside the content (address) then Marker and Tooltip.
Best regards,
Nikko
Hello,
Add following code to bottom of Functions.php file of your child theme
function remove_gallery_tt(){
?>
<script>
jQuery(window).load(function(){
jQuery('.avia-gallery img').removeAttr('data-avia-tooltip');
});
</script>
<?php
}
add_action('wp_footer', 'remove_gallery_tt');
Regards,
Yigit
Hi Enfold staff
I think the topic should remain open until a real solution is found. I would like to use the tooltip as I was used to.
Best Regards
Manu
Hallo @mike
i was initially asking for a solution to surpress the tooltip on GALLERIES.
The solution i suspected to work (and which has been confirmed by you) is removing ALL tooltips, also the ones which can be set on icons.
So question again:
How do i supress the tooltip ONLY on galleries?
.avia-gallery .avia-tooltip { display: none !important; }
OR
.avia-tooltip .avia-gallery { display: none !important; }
…does not work.
What else?
Christian
Hey guys,
I have a client, that wants to rebuild his site.
It was built with WP bakery page builder.
I added the link to the old onepager in the private contact and pics and videos.
there are few things that I need help with.
1. How can I create a frame instead of full background color on the Color Section (link number 1)
2. How can I create a frame only on hover on Column Section (link number 2)
3. How can I create a filter for the gallery element and edit its colors (link number 3)
4. How can I add a tooltip to the first pic on a slider, or add more pics on the Image with Hotspots
5. The most important one, How can I create an extension grid (links number 4-10)
thanks for the help :)
Thank you for your reply. I updated the theme but the error still occurs. The grids have shifted again. I now found out, only when I set a link into the Grid Element Backside/Tooltip Content, the error appears. When there is no link in the content element, everything works fine. But I would like to set a link into the text…
Hey,
Thanks for the info, Roger. As @manurimini mentioned, this seems to be related to some changes on Google side.
I just reported the issue to our devs and shared this thread as reference. As a temporary solution, you can disable “Display Tooltip by default” in element options.
Regards,
Yigit
Hi,
It seems like you have unchecked “Display Tooltip by default” and that helped? Your page does not scroll to bottom on my end at the moment.
@manurimini Thanks for your input!
Best regards,
Yigitx
If you don’t check Display Tooltip by default it works fine, otherwise it scrolls to the bottom. I didn’t found yet a solution to have the Tooltip displayed without the scrolling to the bottom of the page.
whdsolutions have you tried with Display Tooltip by default checked? If you don’t check Display Tooltip by default it works fine, otherwise it scrolls to the bottom. I have tried it in different installation with different WordPress and Enfold versions.
See this other thread Page scrolls to Google Maps automatically when Text-marker is shown
Best Regards
Manu
-
This reply was modified 4 years, 7 months ago by
manurimini.
Hello
I have noticed the same issue. If Display Tooltip by default is checked then the page scrolls down instantly upon loading the page.
I don’t think it’s related to the Enfold version. I had a client website running Enfold 4.5.2 and some days ago this strange behavior started. I have done some tests and no matter how new your theme or WordPress is the issue persists. At this point I think it’s something related with some parameters of Google but I really don’t know what the cause can be.
Best Regards
Manu
-
This reply was modified 4 years, 7 months ago by
manurimini.
Hey smorano,
Thank you for your patience, the map markers are designed to open tooltips with more info or images of the location and typically people add many markers to each map, but you could achieve this by adding a link to your tooltip for your map locations:

to get the link to the map on Google I copied the Google logo link at the bottom of the map.
Best regards,
Mike
Hi Krisi team,
I inserted an icon into a hotspot tooltip using a shortcode. The icon is a play button, I linked to an audio file. That works fine, but the audio player opens in a new tab / website. Is it possible that the player stays on the page an plays the audio?
Thanks
Hi,
Please try this instead:
.av-share-box .avia-related-tooltip {
top: 600px !important;
}
.avia-related-tooltip .avia-arrow {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
top: -7px !important;
}
Best regards,
Rikard
Hi Yigit
I can’t add an ID because this is the default bar in blog pages
But I try with this of course
.av-share-box .avia-related-tooltip {
top: 360px !important;
}
.avia-related-tooltip .avia-arrow-wrap .avia-arrow {
top: -60px;
}
But the result is not good > see image
And the problem is to move the arrow> put it up rather than down obviously … but what is the css class
Thanks
Regards
Seb
Hey Seb,
Please edit your Social Buttons element and give it a custom ID in Advanced > Developer Settings (“custom-share” in example below) and then add following code to bottom of Quick CSS field in Enfold theme options > General Styling tab
#custom-share .av-share-box .avia-related-tooltip {
top: 360px !important;
}
#custom-share .avia-related-tooltip .avia-arrow-wrap .avia-arrow {
top: -60px;
}
If that does not help, please post a link of your page :)
Best regards,
Yigit
Hi
I would like to know how it is possible to put the tooltip of the share buttons below?
By default it is above.
I tried to find the css class but without success and nothing in the doc …
Thank you
Best Regards
Seb
Hey diefleischerei,
Thank you for the inquiry.
The theme’s default Gallery element only supports captions inside a tooltip by default. You may need to use a different gallery element such as the Masonry Gallery or the default WordPress gallery shortcode. For more info about the default gallery shortcode, please check the following documentation.
// https://wordpress.org/support/article/the-wordpress-gallery/
Best regards,
Ismael
Hi Mike,
It turns out there was some custom CSS…
.av-tt-xlarge-width { width: 530px !important; display: block !important; text-align: left !important; }
“display: block !important;” was forcing the tooltips to block the buttons when it would normally be completely hidden. When disabled the tooltips work as expected. Also all the tooltips are 55pm lower than they should be because of the WordPress admin bar, which caused them to show/hide.
At any rate, things appear to be working now and I appreciate your support!