Hello,
Yes. I’ve been through all the normal procedures.
As I said, I’m pretty certain it’s due to a change in the API of the Avia tooltip component.
Thanks
Hi,
On the Google Maps element, currently by default the marker tooltip will open when the user clicks on the marker. is it possible for the tooltip to open on mouse hover instead?
Thank you,
George
Hi mcraig77!
Please add 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
Hello
I’m testing WP4 and Enfold 2.9.2 against an existing site running older versions of both. We’re getting a JavaScript error on displaying a tooltip (caption) in a photo gallery. The problem is in the display_tooltip function of AviaTooltip:
text = element.data(this.options.data).trim(),
Uncaught TypeError: undefined is not a function avia.js?ver=2:1419
$.AviaTooltip.display_tooltip avia.js?ver=2:1419
m.isFunction.e
We’ve experienced this elsewhere – we have created a tooltip using your JS:
new $.AviaTooltip({"class": 'avia-siteswitch-tooltip',data: 'avia-siteswitch-tooltip', event:'click', position:'bottom', scope: "body", attach:'element'});
Which broke with the same error on upgrade. We had to change the structure of the markup declared in the data attribute data-avia-siteswitch-tooltip to make it work – but we couldn’t work out what had changed, we were kinda fixing in the dark.
Can you help? Be great to know what to do in both cases and also let us know if this is a bug, or whether we can’t rely on your UI classes to change going forward.
Thanks
Hi,
1. I am using two content sliders (animated heading at top and testimonial slideshow, lower page) on my single-page website, but would like to have different slide durations for each of them. I’ve customized the duration of the heading slideshow but the duration needs to be longer for the testimonials. Could you please tell me how this can be accomplished?
2. Could you please tell me how to achieve a reversed, white type on black background Google map tooltip, similar to the phone icon button tooltip I have just below the contact info?
Thanks in advance,
Trevor
Hi!
Please add following code to Quick CSS
.avia-tooltip { width: 170px; }
Best regards,
Yigit
I think I found a small bug in the magazine element.
While hovering over the magazine-title you see a tooltip with the text “Link to: <put your current page title here>”.
Shouldn’t there be a dynamic tooltip which tells us where we’re really going to?
I saw this behaviour as well on my own site (http://www.becxtuinmachines.nl/) as on the enfold demo page (http://kriesi.at/themes/enfold/homepage/home-v10-magazine/)
Is there a simple workaround to fix this, or do I have to wait until kriesi fixes this in a next enfold update?
hi,
Maybe you did not understand
I do not want to change the image
Simply display the content on the image and not as tooltip
thank you Josue,
i did that but..
Actually , What I need is to put tooltip content static on the image in such a way
http://www.tivanbiotech.qwaisdns.com/wp-content/uploads/2014/09/Capture1212347.jpg
to be there all the time Not only after hover. i will do the css.
this is the page url
http://www.tivanbiotech.qwaisdns.com/
And also all the slide direction in rtl as you’ve explained to me here
https://kriesi.at/support/topic/rtl-portfolio-grid
if this this is beyond the scope of your support so i want to get a customization.
thank you
david
-
This reply was modified 11 years, 2 months ago by
didiair.
Hey!
Thank you for using Enfold.
Open the google map element then edit the map locations. Add your own text on Marker Tooltip field.
Cheers!
Ismael
Hi,
I tried adding
/**
Added 2014-09-21 MKO per https://kriesi.at/support/search/Tooltip/
**/
function remove_image_title() { ?>
<script type=”text/javascript”>
jQuery(window).load(function(){
jQuery(‘img’).removeAttr(‘title’);
});
</script>
<?php
}
to functions-enfold.php. Did not work.
Cheers
M
Hi,
My site is at http://182.160.153.36/~kx83j3k9sk4/contact
I see the following pop-up over the map. How do I edit it to place my own message please?
Also please show how it can be eliminated altogether.
“Howdy!
As you can see you can place unlimited markers, attach tooltips and also set custom images for your markers!
You can also tint the map, apply saturation etc”
Cheers
Mohan
Hi! I’ve added links to images within layers on a layerslider I’m using, however the hover tooltip is showing “page name – photo” ….not the title of the image.
Have tried adding the title to the image in Media and also via the Attributes without success. Any suggestions on something else I can try? Thanks for your help!!
Hey!
Thank you for the update.
That is default browser feature showing the image title. You need to remove the title attribute if you don’t want the tooltip. Try adding this on functions.php:
function remove_image_title() { ?>
<script type="text/javascript">
jQuery(window).load(function(){
jQuery('img').removeAttr('title');
});
</script>
<?php
}
add_filter('wp_head', 'remove_image_title');
Regards,
Ismael
okay, thank you. Could you please tell me how to suppress this tooltip like in the first screenshot “Single Portfolio: 2/3 Gallery”? It looks really old-fashioned ;-)
Thank you.
ok! so I spent a little more time looking into my query above and within the same file (avia.js) on line 1551 it has this:
newTip.animate(animate, 200, function()
I have added in a delay there and seems to work the way I want for now. I don’t know what else it may effect as the function is for ‘hide_tooltip’ so I can only assume for now it will be all tooltips, but anyway, here is my new line with a 1 second delay:
newTip.delay(1000).animate(animate, 200, function()
Jay
Hi There,
I would like to add a link inside the tooltip of my image hotspots. At the moment it shows on mouseover and leaves straight away on mouseout. I would like to have a delay on the mouseout so the user has time to get to the link in order to click it. I can’t seem to find another post relating to this so I decided to start another for help.
After doing quite a bit of searching the closest coding I found to what I might be after is a function in the /js/avia.js file on line 1353 (delayHide:0,).
This unfortunately does nothing! well for what I’m after that is.
Would you be able to assist in how I could make the tooltip delay its hideaway?
thanks,
Jay
P.S. sorry I can’t give you any credentials or link to site as it is local.
Hi palmalorenzo!
We are not able to debug third party code (or in your case custom code written by you). It could be a conflict with the theme or just in its execution. You can try referring to this css tricks article however: http://css-tricks.com/image-map-with-prototype-tooltips/
Cheers!
Devin
Hi David!
You can try the following (Quick CSS):
.avia-tooltip {
opacity: 1 !important;
display: block !important;
}
That will show all tooltips present on the page.
Regards,
Josue
hi,
How can I display the tooltip in “Partner/Logo Element” always and not only after over the logo?
also how can i make this “Partner/Logo Element” rtl like this topic..
https://kriesi.at/support/topic/rtl-portfolio-grid/
thanks
david
Hi Genius,
I like the latest hotspot function. Is that any way the hotspot can be redirect to another URL instead of “tooltips” ?
Please advice.
Thank you
Hi!
You can prefix the “.single-post” class to the selectors to make them post exclusive.
To change the appearance of the sharing buttons and tooltips, use:
.av-share-box-list, .av-share-box ul li {
border-color: red !important;
}
.av-share-box ul li {
background: brown !important;
}
.av-share-box-list .avia-tt, .av-share-box-list .avia-arrow{
background: blue !important;
}
Modify as needed.
Cheers!
Josue
Hello,
I have a problem with al kinds of animations in the enfold theme. In the admin preview everything works fine, but in the normal page view (for logged out users) the functions are not working: layer slider, testimonials, maps , mobile navigation, etc.
I’ve got the following error mesage in firebug:
TypeError: $.Avia Tooltip is not a constructor
I’m using WP 4 latest version and enfold latest verion. All third-party plugins are disabeld.
http://ipa-consulting.de/eng/
Thank you!
Best regards
Mark
Hi!
What is the simpliest way to change the color of the text and headlines of a blogpost? I use different colorsections with different background colors and images, and I would like to have another color than the colors of the ordinary text and headlines? I guess it would be simple with CSS, but how do I just affect the blogposts?
I also wonder how I can change the color of the sharing buttons border, background, text and the tooltip when I hoover above the buttons?
Thanks!
Hi!
1. I couldn’t really note it on my end (Chrome 37.0.2062.103 / OS X 10.9).
2. Regarding the tooltip thing, try adding this to Quick CSS:
.gm-style-iw > div {
overflow: hidden !important;
}
Cheers!
Josue
Hey davisar!
Try:
@media only screen and (max-width: 479px) {
.avia-search-tooltip.avia-tt {
margin-left: -47px;
}
span.avia-arrow-wrap {
display: none;
}
}
Best regards,
Devin
Hi Devin,
http://kriesi.at/themes/enfold.
As mentioned, the bug comes into play when you resize the browser window by the button in the top bar of the browser (‘Verkleinern’, ‘Maximieren’).
Also, since WordPress 4.0, the tooltip of the Google Maps markers appear to have vertical scrollbars (was not the case before WordPress 4.0, does not look nice ;-). See http://kriesi.at/themes/enfold/pages/contact/.
Thanks,
Simon
Hi Gurify!
Use this as a reference:
if(!function_exists('avia_append_search_nav'))
{
//first append search item to main menu
add_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 10, 2 );
add_filter( 'avf_fallback_menu_items', 'avia_append_search_nav', 10, 2 );
function avia_append_search_nav ( $items, $args )
{
if(avia_get_option('header_searchicon','header_searchicon') != "header_searchicon") return $items;
if ((is_object($args) && $args->theme_location == 'avia') || (is_string($args) && $args = "fallback_menu"))
{
global $avia_config;
ob_start();
get_search_form();
$form = htmlspecialchars(ob_get_clean()) ;
$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown">
<a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
</li>';
}
return $items;
}
}
Enfold uses that to attach the search to the menu.
Cheers!
Josue
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) {
.avia-tooltip { display: none !important; }}
Regards,
Yigit
Hey!
There is no hover on mobile, as far as i know tooltips do not appear on mobile.
Cheers!
Josue