-
Search Results
-
In reply to: enfold tooltip
hi,
Maybe you did not understand
I do not want to change the image
Simply display the content on the image and not as tooltipIn reply to: enfold 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-gridif this this is beyond the scope of your support so i want to get a customization.
thank you
davidIn reply to: GTB – Pop-up over Google Map
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!
IsmaelIn reply to: GTB – Pop-up over Google Map
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
MTopic: GTB – Pop-up over Google Map
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
MohanHi! 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!!
In reply to: Changing image overlays
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,
IsmaelIn reply to: Changing image overlays
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.
In reply to: Image hotspot tooltip delay.
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
Topic: Image hotspot tooltip delay.
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,
JayP.S. sorry I can’t give you any credentials or link to site as it is local.
In reply to: Imape map using Code Block
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!
DevinIn reply to: enfold tooltip
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,
JosueTopic: enfold tooltip
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
davidTopic: Hotspot with URL
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 youIn reply to: Change color of text and headlines in blogpost
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!
JosueHello,
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 constructorI’m using WP 4 latest version and enfold latest verion. All third-party plugins are disabeld.
Thank you!
Best regards
MarkHi!
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!
JosueIn reply to: Mobile Search
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,
DevinHi 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,
SimonIn reply to: Filter the main menu
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!
JosueIn reply to: Disable Image captions on hover on mobile
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,
YigitIn reply to: Disable Image captions on hover on mobile
In reply to: Highcharts not working, where is the trick?
Hey!
Not sure why it doesn’t work for you but I just used a “Code Block” element on this page: http://test.inoplugs.com/impressum/ and it worked for me. I used following code:
<script src="http://code.highcharts.com/highcharts.js"></script> <script src="http://code.highcharts.com/modules/exporting.js"></script> <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div> <script> (function($) { $(function () { $('#container').highcharts({ title: { text: 'Monthly Average Temperature', x: -20 //center }, subtitle: { text: 'Source: WorldClimate.com', x: -20 }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, yAxis: { title: { text: 'Temperature (°C)' }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }, tooltip: { valueSuffix: '°C' }, legend: { layout: 'vertical', align: 'right', verticalAlign: 'middle', borderWidth: 0 }, series: [{ name: 'Tokyo', data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] }, { name: 'New York', data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5] }, { name: 'Berlin', data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0] }, { name: 'London', data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8] }] }); }); })(jQuery); </script>Regards,
PeterOn a
singleEVERY blog post, I want to set up a default set of 5 images at the end of the post (and individually linked)… as a means of enhancing call to action after reading.
I have a mockup of what I mean. to illustrate … SEE MOCKUP.For information (if relevant) I am using blog setting as:_
BLOG STYLE: “Single author, small preview pic”
SINGLE POST STYLE: “Single post with big preview image”
RELATED ENTRIES: “Show thumbnails and display post title by tooltip”.Praying for some magical solution from your genius department :-)
Thanks.In reply to: Alt Text Font Size
Hi!
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,
YigitHi there,
I’d really like to use the hotspots feature on as image in the layer slider.
I’ve created an image with hotspots then cut the code into the html section of the layer slider but I think I’ve copied the area that looks for the image as well and it’s causing a white box to display.
Could you help sort out the piece of code I don’t need, I’ve copied it below??[av_image_hotspot src='https://dhmc.hyperdesign.co.nz/wp-content/uploads/2014/08/Moss-Mould-treatments.jpg' attachment='3253' attachment_size='full' animation='pop-up' hotspot_layout='numbered' hotspot_mobile='aviaTBhotspot_mobile']
[av_image_spot tooltip_pos='av-tt-pos-above av-tt-align-left' tooltip_width='av-tt-default-width' tooltip_style='main_color' hotspot_color='custom' custom_bg='#104b95' custom_font='' custom_pulse='' hotspot_pos='62.5,57.5']
Moss and mould treatments for masonary, concrete and brick work
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-above av-tt-align-left' tooltip_width='av-tt-default-width' tooltip_style='main_color' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos='25,71']
Roof Treatments – removal of moss and mould and roof cleaning
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-above av-tt-align-left' tooltip_width='av-tt-default-width' tooltip_style='main_color' hotspot_color='custom' custom_bg='#104b95' custom_font='' custom_pulse='' hotspot_pos='79.2,86']
Superior moss and mould removal from concrete walls, driveways and paths
[/av_image_spot]
[/av_image_hotspot]Topic: Enfold mit tooltip Glossary
Hi
Ich würde gerne die Anzeigegrösse des Alphabets sowie die Grösse der Schrift darunter ändern.
Der Programmierer des Plugins sagte mir, dass ich das nur im Theme selbst ändern kann. Könnt Ihr mir hier bitte weiter helfen?
Ich habe es schon versucht indem ich die Font auf der Site (ist eine leere Site) auf von Absatz auf Überschrift 3 geändert habe, aber es passiert nichts..
DANKE für Eure Support! :-)VG Nic
In reply to: Switch to an other slide with LayerSlider
Hi !
I found that on the internet :
Layer options *Content You can select what kind of content you want to use here. You can use a static image, text, custom HTML or multimedia contents. You can also choose to use dynamic contents from WordPress posts and pages. It supports advanced filtering to get the entries you need, and you include the part you would like to use in a layer such as the title of a post or its featured image. *Transitions The transition options you can set to customize your layer animation. Move your mouse cursor over the option fields to receive a detailed description about each available settings. *Link Enter an URL to link layers to other pages. The link behavior can be changed to open it within the current page or on a new tab/window. You can also enter a hash tag followed by a number to link a layer to another slide. <strong>For example #3 will switch to the third slide when someone clicks on this layer.</strong> *Style Under this section you can customize the appearance of your layers, such as changing the fonts or setting the size of images. Please read the tooltip messages for more information by hovering over the setting fields. You can also enter custom CSS code if there isn't an option what you are looking for. *Attributes You can apply standard HTML attributes on layers to make it easier working with them in CSS and JavaScript. It also can be used to collaborate with 3rd party solutions like Lightbox plugins.It seem to be possible to do a simple link with #ID to jump to an other slide. I’ll try tonight when i come back to home !
In reply to: lightbox
Hey davisar!
Yes, open up wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/gallery.php and replace:
$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' $markup_url><img {$tooltip} src='".$img[0]."' width='".$img[1]."' height='".$img[2]."' title='".$title."' alt='".$alt."' /></a>";with
$thumbs .= " <a href='".$link[0]."' data-rel='gallery' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' $markup_url><img {$tooltip} src='".$img[0]."' width='".$img[1]."' height='".$img[2]."' title='".$title."' alt='".$alt."' /></a>";This should link all galleries to the same lightbox.
Cheers!
Peter
