1 zu 1 Kopie mit aktiviertem Tooltip Plugin
Auf dem Screenshot weiter oben musst Du beim ersten genau hinschauen da siehst Du über dem Content einen Schatten, da wurde der Slider eingefügt, kein Bild sichtbar, nut der Sliderscahtten.
Das passiert wenn Tooltip aktiviert ist und man dann den Slider zur Seite hinzufügt.
Im Original hab ich dann Tooltip deaktiviert und alles rausgeworfen was an Links und Verweisen drin war und dann die Header angelegt.
Dann wurde er normal eingefügt.
Jetzt für dich kopiert und Tooltip wieder aktiviert, e voila, Sidebar wird zum Footer :(
http://wordpress.p247395.webspaceconfig.de/referenzen-arbeitsrecht-mietrecht-muenchen
Passiert auf allen Unterseiten ausser beim Blog???? Strano sagt der Italiener. :)
Aktuell funktioniert auch alles, weil wir das Tooltip Plugin deaktiviert haben, sonst zerschiesst es alle seiten die den schmalen Header haben.
Das Problem ist immer noch das gleiche wie oben auf den Screenshots, sobald das Plugin aktiv ist, rutsch die Sidebar nach unten und wird zu einem riesengrünen Footer. :)
Ich mach grad eine Kopier vom Account, weil Live können wir nicht mehr rumspielen, sonst gibts Ärger mit google und dem Kunden. Sobald ich in der Kopie den Fehler reproduziert habe, sag ich Bescheid.
So also in die nächste Runde, Antwort von Tooltip:
We had issues like this before. What it means is that the Silder you are using is not correctly using the HTML and somehowe have left our tags not closed
the issue is not with the Tooltip
Fixing this means fixing the slider and not the Tooltip
Also we schieben wir den schwarzen Peter nun zu? :)
Danke.
Hey Ismael,
thanks for the input. I already discovered how i can change the background color on hover aswell.
#top #warp_all .av-social-link-tumblr:hover a {
background-color: #XXXXXX;
}
The problem with this wordaround: The link-tooltip still says e.g. “Tumblr” and the hidden link text also stays the same. Is there no way to add a completly new link from scratch?
Thank you in advance!
Hi FadingReality!
Have you tried adding following code to Functions.php file in Appearance > Editor ?
function add_custom_tooltip(){
?>
<script>
jQuery(window).load(function(){
jQuery('a').removeAttr('title');
jQuery('img').removeAttr('title');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_tooltip');
Best regards,
Yigit
Hi onegirlrtw!
Please add following code to Functions.php file in Appearance > Editor
function add_remove_mag_tooltip(){
?>
<script>
jQuery(window).load(function(){
jQuery('a.av-magazine-thumbnail-link').removeAttr('title');
});
</script>
<?php
}
add_action('wp_footer', 'add_remove_mag_tooltip');
Cheers!
Yigit
Hi!
Please request CM Tooltip Glossary Pro+ compatibility here – https://kriesi.at/support/enfold-feature-requests/
3rd party plugin incompatibility definitely should not be considered as “lack of support for the product”. Sorry that you are feeling this way. I am closing this topic for now. If you have any other questions or issues, please feel free to start a new one.
Cheers!
Yigit
Hey!
You can try reducing it’s width a bit more.
@media only screen and (max-width: 479px) {
.avia-tooltip {
max-width: 260px !important;
}
}
Though it’s looking fine on my end.
Regards,
Elliott
-
This reply was modified 11 years, 1 month ago by
Elliott.
How about Kriesi incorporating more plugins into your theme, like X theme from Themeco does. CM Tooltip Glossary Pro+ is supposed to be one of the top 5 glossary plugins according to multiple reviews. Furthermore, it is the only glossary plugin that allows for developing multiple glossaries.
I’m extremely disappointed in Kriesi and the lack of support for their product.
Please read my notes again. I said that the glossary shortcode was and is in a 1/1 text block on the glossary page. I only put it is a code block after Elliot told me to and it didn’t work.
There is no problem with the site or the sidebar when there is no color section used on any page. The problem is clearly a conflict between the color section and the plugin. And, as I said above, the problem happens not only on the glossary page but any page that has a color section and the copy, content or navigation has a word (term) in the glossary. Furthermore, on those pages, the tooltip popup does not activate as well.
Quite frankly, I’m sick of both Kriesi and the plugin developer passing the blame onto each other. Someone has to come up with a solution.
Found the problem: Needed to update to newest theme based on WP 4.0.1 update.
Did the manual update, and most things work now.
Still a weird glitch on team members, like on this page:
http://fmcic.ca/ministry-centre-staff-2/
where when you hover, the links/tooltip is very glitchy.
Any ideas?
Hey CharlieTh!
Are you referring to this one? http://kriesi.at/themes/enfold/homepage/home-v8-frontpage-shop/
Unfortunately that is not available for import. The pricing tooltips you see in the slides are actually images themselves and I think they use the “easeInOutBounce” transition to create that bouncing effect.
Best regards,
Elliott
Hey kristenangel!
Please try adding following code to Quick CSS
.avia-tooltip {
max-width: 460px;
margin-left: 20px;
}
Best regards,
Yigit
Hello,
The tooltips that appear when a user rolls over a logo in the logo grid shortcode runs off the side of the page. I fixed this issue on the right side of the viewport by adding the following:
.avia-tooltip {
width:auto !important;
margin-left:0px; /*trying to fix left side, but not working */
}
But for some reason, it’s not working on the left side and the text runs off the page.
Thanks for your help.
hi
on this page: http://andes-world-travel.flywheelsites.com/home-3/ on the map halfway down –
is it possible to have the tooltip only be able to have one open at a time? I would like to try having
links in the tooltip text boxes, but find it confusing that they have to be closed manually and start
overlapping each other if they are not closed. Are there css controls for this? I have the WP google maps
plugin and also the pro add on, but they are not the same thing as using the google map from the media
element tab, right?
Hi jurgen1979!
It’s not meant to be used like that but you can switch to the default editor and then insert shortcodes and nest them inside each other.
It would look something like this.
[av_content_slider heading='' columns='1' animation='slide' navigation='arrows' autoplay='false' interval='5' font_color='' color='']
[av_content_slide title='Slide 1' tags='']
[av_image_hotspot src='#' attachment='156' attachment_size='medium' animation='no-animation' hotspot_layout='numbered' hotspot_mobile='aviaTBhotspot_mobile' custom_class='']
[av_image_spot tooltip_pos='' tooltip_width='' tooltip_style='' link='' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos=''][/av_image_spot]
[/av_image_hotspot]
[/av_content_slide]
[av_content_slide title='Slide 2' tags='']
test
[/av_content_slide]
[/av_content_slider]
Cheers!
Elliott
To change the bottom arrow of the tooltip:
.avia-tooltip .avia-arrow {
background: red;
}
Hey!
Try adding this code to the Quick CSS:
.avia-tooltip {
background: green !important;
}
Change as needed.
Cheers!
Josue
Hey!
wenn das Plugin CM Tooltip Glossary Pro das Problem verursacht, steht es leider nicht in unserer Macht. Wende dich bitte an deren Support. Die haben mit Sicherheit eine Lösung für dich parat.
Lieben Gruß!
Andy
Hi romano2!
It would be best to use a codeblock element and paste your code in that way. You can view the page source to grab the HTML of your list and then paste it inside the codeblock and add the data-avia-tooltip attribute.
Best regards,
Elliott
Hallo Andy,
wie es schein, ist es das CM Tooltip Glossary Pro+ Plugin das die Layout-Verschiebung verursacht. Was aber verwunderlich ist, das es bei der Verwendung aller Inhalts-Elementen fehlschlägt ausser wenn wir das Tool ‘Blog Beiträge’ verwenden. Nur in dieser Konstellation erleidet das Layout keine Veränderung.
Irgend eine Idee wie wir das Problem in den Griff bekommen könnten? (Das Plugin deaktiviert zu lassen ist leider keine Option)
Vielen Dank im voraus.
Hello
I was working with enfold 2.8.1.
I updated today to 3.0.4.
Before, I was using code in content of List with icons ; in place of title, I was using html code to enable avia-tooltip.

This kind of code instead of title :
<br /><div class="slide-image" title="" data-avia-tooltip="<p>• Gestion des mails en envoi (réception à venir)</p><br /><p>• Edition de courriers et de fax</p><br /><p>" data-rel="slide-1">Mails<br />courriers<br />fax</div><br />
It was working good !
Now, with enfold 3.0.4, nothing appears. No icons, no title, no avia-tooltip… It seems to corrupt the page code.
Is it no more possible ? Ok it was a kind of tweak, but it was very effective !
Any advice ? thanx
Hey Juergen!
Thank you for using Enfold.
Add this on Quick CSS or custom.css to remove the tooltip on mobile device:
@media only screen and (max-width: 767px) {
.avia-tooltip { display: none !important; }
}
Cheers!
Ismael
Hey Wildwood!
There is an option when editing the hotspot image element for disabling that.
Or if you want to use CSS then you can do this.
.av-hotspot-fallback-tooltip { display: none !important; }
If you only want to do it on one page then drag a codeblock element over to the page and add this.
<style type = "text/css">
.av-hotspot-fallback-tooltip { display: none !important; }
</style>
Cheers!
Elliott
Hey Patrick!
Unfortunately the google maps were not meant to be used with the sliders and it would take a lot of time and code to enable that functionality so it would have to be considered custom work.
What you can do is add your text into a marker in the google map. When you click on a marker there will be a small tooltip that displays where you can add HTML.
Cheers!
Elliott
Hey Giorgos!
I see the social buttons in your header, footer, and the icons with tooltips next to your image but I don’t think these are the plugin your referring to. Can you send us a link to the page where your displaying these social buttons?
Regards,
Elliott
Elliot,
Yes. I copied the source code from the browser and pasted it into a specific location using a code block. The button styles are in place. The mouse overs are spotty. When clicked the functions works but the page content does not populate the share posting.
The code I pasted looks like this:
<div class=”av-share-box”><ul class=”av-share-box-list noLightbox”><li class=”av-share-link av-social-link-facebook”><span class=”avia_hidden_link_text”>Share on Facebook</span><div class=”avia-related-tooltip avia-tt” style=”top: 94px; left: 200.409072875977px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share on Facebook</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div><li class=”av-share-link av-social-link-twitter”><span class=”avia_hidden_link_text”>Share on Twitter</span><div class=”avia-related-tooltip avia-tt” style=”top: 84px; left: 319.909072875977px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share on Twitter</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div><li class=”av-share-link av-social-link-gplus”><span class=”avia_hidden_link_text”>Share on Google+</span><div class=”avia-related-tooltip avia-tt” style=”top: 91px; left: 439.499984741211px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share on Google+</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div><li class=”av-share-link av-social-link-linkedin”><span class=”avia_hidden_link_text”>Share on Linkedin</span><div class=”avia-related-tooltip avia-tt” style=”top: 93px; left: 559.499984741211px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share on Linkedin</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div><li class=”av-share-link av-social-link-mail”><span class=”avia_hidden_link_text”>Share by Mail</span><div class=”avia-related-tooltip avia-tt” style=”top: 94px; left: 679.499984741211px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share by Mail</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div></div>
Let me also offer some clarification. My name is Kris. I am working on a clients site using the enfold theme and mainly working in the staging area. I can provide you my staging login if needed in a private message.
Best Regards
Kris
Hi there! In the Image with Hotspot the tooltips are displayed with mouseenter/mouseover. Is it possible to display the tooltips with click (event) and hide wiht click, too? I want to give the user the option to copy the text of the tooltip and to hide the tooltip with a mouseclick.
Ty