-
Search Results
-
In reply to: Linking gallery images to URL
Hi,
@bella_3333: You can use the alt text as an alternative. Click on Gallery element, click on a single gallery image then add the company website on the Alt field. Make sure you include http:// on the domain name like http://www.yoursite.com. Do this for all the images.
Edit config-templatebuilder > avia-shortcodes > gallery.php then find this code on line 191
$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' ><img {$tooltip} src='".$img[0]."' title='".$title."' alt='".$alt."' /></a>";Replace it with
$thumbs .= " <a href='".$alt."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' ><img {$tooltip} src='".$img[0]."' title='".$title."' alt='".$alt."' /></a>";@adrianwalton: I’m not sure if that is possible. Let me tag the rest of the support team.
Regards,
Ismael
In reply to: Can we move or expand the Search Bar?
Hi,
My bad. I thought I fixed it. I’ll tag Kriesi. I can’t make the tooltip appear on page load.
Regards,
Ismael
In reply to: Can we move or expand the Search Bar?
Hi,
This will get you started, just add this on your custom.css or Quick CSS.
.avia-search-tooltip.avia-tt {
display: block !important;
opacity: 1 !important;
top: 0 !important;
box-shadow: none;
border: none;
width: 700px;
left: -500px !important;
}
#top #searchsubmit, .ajax_load {
right: -300px;
}
#top #s {
width: 600px;
padding: 11px 47px 11px 5px;
z-index: 1;
margin: 0;
box-shadow: none;
max-width: 700px;
}Regards,
Ismael
In reply to: Add a shortcode inside a LayerSlider layer
Good to know. Never reading any tooltips… :D But I checked the LayerSlider code and there’s a do_shortcode for the Div-Section of a Slide. Should also work with nested ones.
In reply to: Add a shortcode inside a LayerSlider layer
Hmm. It does work for me to just use the shortcode, which I generated beforehand on a blank page as suggested by formateins and then copy/pasted. The important thing is to choose “Div / Video” for your layer. It even says “This field is also shortcode-aware” on the tooltip:
However, neither this method nor the HTML method by Ismael solves one huge problem: buttons don’t like responsive, they don’t scale. They look horrible on mobile devices:
So I just created my buttons as .png images in PS (including button text) and used those. Not ideal, but… well.
Topic: Search Box Problem Windows 8
I am using Enfold theme and the search button in the header does not display the searchsubmit box properly on my Windows 8 machine using Firefox 20.0.1. The search box shows only the div.avi-search-tooltip.avia.tt line with triangle. It works fine on a Windows 7 machine with the same version of Firefox. It also works with IE 10. It also works fine with a Vista system. I have a screen capture and code showing the problem:
http://jandjhayfarms.com/TEMP/wp-content/uploads/2013/05/Searchbox-Error.jpg
In reply to: gallery captions don't show right
Hey!
Hey!
Next update will remove the circle overlay on gallery thumbnails that interferes with the caption tooltip ;)
Thanks for the notice!
Regards,
Kriesi
In reply to: Add caption to gallery lightbox
Hi,
Please open up /config-templatebuilder/avia-shortcodes/gallery.php and find line 178 than looks like
$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}'><img {$tooltip} src='".$img[0]."' title='' alt='' /></a>";and change it to look like
$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}'><img {$tooltip} src='".$img[0]."' title='' alt='' /><span class='captions-gallery'>".$caption."</span></a>";The prettyPhoto is a bit tougher, please hang on and let me know first how that worked out as I work on prettyPhoto.
Thanks,
Nick
In reply to: Add caption to gallery lightbox
Hi Nick,
Yes, I know I can add a caption to the gallery images that will show up as a tooltip when the thumbnail is hovered over. But I was wondering if I could have that same caption appear on the lightbox image that appears once you click on the thumbnail and also if that caption could appear permanently underneath each thumbnail (in addition to the tooltip).
Thanks,
Matt
In reply to: Gallery images faded until scroll
Hi Nick,
I am using the latest theme. It seems to be an intermittent problem though, so it’s not an issue at the moment! I can’t reproduce the problem currently.
I distinctly remember commenting out line 260 (not 261, from memory) of avia.js was one of the workarounds for fixing the ‘tooltip not displaying’ problem, which I used at first but then found another post where the moderator had given the following CSS fix:
.avia-gallery-thumb .image-overlay.overlay-type-image {
display: none !important;
}so I used that instead and uncommented line 260. The overlay still appears on hover but the link symbol doesn’t, which fixes the tooltip problem, but didn’t sort the problem that is the subject of my initial post. I have now uncommented line 260 aswell and will keep an eye out for the issue again…
Thanks,
Matt
In reply to: Add caption to gallery lightbox
Hi,
You can add a description which will come up as a tooltip when you hover over the thumbnails.
http://www.clipular.com/c?5525272=igbxklSRGC-RhPvXDxRmKuDlOAg&f=.png
I made a video showing in greater detail where to add that and its uploading at the moment.
Thank,
Nick
In reply to: Tooltips
In reply to: Tooltips
What i meant is isnt’t there a way to simply add something to the href that would bring a tooltip…lets say for a normal link for example so that you can have tooltips on any href or img you want
In reply to: Tooltips
Hi Monsoon,
You can add captions to images in a gallery shortcode (or in the advanced layout editor the gallery media element) to get that effect. There is a bug with the hover effect and displaying them so if you do, you’ll also need to use this css in your Quick CSS filed in the Theme Options Styling Tab:
.avia-gallery-thumb .image-overlay.overlay-type-image {
display: none !important;
}Regards,
Devin
Topic: Tooltips
I am wondering where do you set the tooltips bubbles seen in the You may also like areas?
I would like to be able to set this for portfolio images or to any image or link anywhere…is there a shortcode?
In reply to: gallery captions don't show right
Hi,
This is a possible bug. When the mouse touches the image for the first time , the circle with the two arrows appears over the image and the image becomes desaturated of color. For some reason every time you touch that image again that circle somehow gets in the way of actually touching the image so the tooltip is not triggered. I made Kriesi aware of this
However for now, if you don’t mind living without that circle being displayed over the center of the image when your mouse touches the image, you can do the following to get the tooltips working:
Please open up /js/avia.js in your theme folder, and find line 260 which looks like the line below (without the //) and now add // in front of line 260 just like I’ve done on the line below
//overlay = $("<span class='image-overlay "+span_class+"' style='opacity: 0;'><span class='image-overlay-inside'></span></span>").appendTo(link);Thanks,
Nick
In reply to: gallery captions don't show right
Hi,
On the 4th and 5th image in the first row, I see for a split second a tool tip fly above it and then disappear during mouse over,in chrome on win 7 after initial load.
then they pop up randomly over those 2 items. Looking at the code you have a tooltip assigned to those two images with the following (not all tooltips have same words, and other images have none)
data-avia-tooltip="Strassenansicht nacher"Do you recall where you may have assigned a tooltip with those words for some but not every image?
Thanks,
Nick
