Hey Enfold-Team,
during cross-browser testing I stumbled upon a problem with the avia search (avia-search-tooltip, the interactive ajax search). Works fine in all browsers but Safari – if I click on the search symbol, it causes the page to reload (and the url in the browser bar to add “/?s=” on the already opened url), no chance to write something in it. Somehow it seems to be interpreting the opening click already as submit click. For my page see link in private content.

Would be great if you can help me sort this out!
Thanks in advance,
Joerka

Hi,
I am using a image with hotspot on one of my pages and I already got the pulse transparent, but when I´m adding a image into the image with hotspots, the tooltip gets displayed with white background, although i am using a logo image without a background.
How can I achieve a transparent background for the tooltip image?

.av-hotspot-container .av-image-hotspot_inner {background: transparent !important;}

I am already using this css snipet but i think it only works when text is displayed?

Regards
Michael

Hi, there. Is it (easily) possible to create a link that would take a user to a page that contains a Google Map and open the tooltip associated with a particular location on the map?

Thanks!

Hi,

I’m using this code to make the inner circle transparent on the tooltip but keep the pulse, however it isnt working on this page, can you advise why?

.av-hotspot-container .av-image-hotspot_inner {background: transparent !important;}

Hi,
I have problem with tooltips. When I add gallery there is tooltip above picture. I don’t want it. But I need to have tooltips at antoher page, where I’m using Image with Hotspots.

I tried with:

div.avia-tooltip.avia-tt {
display: none !important;
}

But it delete toolitips from everywhere :(.

I read and tried:
https://kriesi.at/support/topic/how-to-remove-tooltips/#post-224464
https://kriesi.at/support/topic/easy-slider-remove-auto-alt-text-on-images/

But it doesn’t work.

Here is page with hotspot: http://sieroslawscy.ankarat.ayz.pl/narzedziownia/ (so here I need tooltips)
Here is page with gallery with tooltips: http://sieroslawscy.ankarat.ayz.pl/nagrody-i-certyfikaty/ (here I do not need tooltips)

Best,
Andrzej

Hello Team,

Most of my navigation is within the first fold of my webpage, so my client had me remove the top page nav, and just have the magnifying glass option. I’d really like to remove the ‘hamburger-style’ navigation button on mobile, and replace it with just the search feature.

In the future, it would be nice if both were static boxes where one could type in at any time vs. the magnifying glass and search box just appearing after one clicks it. I can open up a new support-request for this option if need be, thought I’d mention it since we’re on the topic though!

Here is my current quick CSS overall:

.team-member-name, .team-member-job-title { text-align: center; }

.avia-team-member .team-member-name {
font-size: 14px !important;
}

body .column-top-margin {
margin-top: 5px;
margin-bottom: 5px;
}

.avia-slideshow-inner {
height 300px !important;
}

.avia-slideshow { margin-bottom: 0px; }

#menu-item-search > a:nth-child(1) > span:nth-child(1) {
display: block;
float: left;
}

.span.avia_hidden_link_text:nth-child(3) {
display:none;
}

#menu-item-search [data-av_icon]:before {
float: left;
margin-right: 10px;
}

.toggler { text-align: center !important; }

.iconbox a, .iconbox .custom-class:hover {
background-color:;
}

.avia_textblock { padding: 10px; }

#top .avia-button-fullwidth {
padding: 15px 15px 12px;
}
#top .avia-button-fullwidth {
font-size: 13px;

}

a.av-icon-char:hover span {
color: #;
}

.av_font_icon.av-icon-style-border .av-icon-char { padding: 12px; }
#top .avia-icon-tooltip { font-size: 10px!important; }

.iconbox .iconbox_content .iconbox_content_title {
font-size: 10px;
}
.icon_caption {font-size: 10px;}

.avia_transform .avia-icon-list .iconlist_icon {
opacity: 1 !important;}

#footer .widget {
text-align: center;
}

Hi,
I love the images with hotspots!
However one problem: line breaks used in the text are not working in the tooltip
As an alternative I used a table but how can I change the border width and padding/margin, I used code below in CSS but it is not working.

.av-hotspot-container-inner-cell table {
    border: 0;
    paddding: 0;
    margin: 0;
}

So I would like eater the breaks ( <br /> ) to work or address the tooltip right in the CSS
Url for a preview: http://jettender.com/boten/dieseljet-parts/

Thanks, Ariane