Hi
Would it be possible to add side dot-navigation (with hover tooltip) in one page style?
Just like this one has it on the left side: http://www.visage.co/#platform
Thanks
M
-
This topic was modified 11 years, 6 months ago by
Mariusz.
A couple questions regarding the tooltips in the Google Map Media element:
1) Is it possible to have them pop-up on hover?
2) Is is possible for a pop-upped tooltip to collapse / drop back down if another one is clicked?
Thanks in advance,
Alex
Hi!
No unfortunately not that I know of for the gallery elements. The slideshow can have a caption on it like on this page: http://kriesi.at/themes/enfold/portfolio-item/single-portfolio-big-slider-3/
But the gallery items will show any caption as the tooltip.
Regards,
Devin
Hi fotograf561!
Die Größe des Tooltips wird von Google Maps automatisch anhand des Inhalts und der Größe des Browser-Fensters berechnet und kann mWn nicht unmittelbar per JS Code beeinflusst werden. Du könntest probieren die minimale Größe per CSS Code zu setzen, aber ich bin mir ehrlich gesagt nicht sicher, ob dies funktioniert. Hierzu fügt folgenden Code in das Quick CSS Feld ein:
.gm-style .gm-style-iw, .gm-style .gm-style-iw div {
min-width: 330px !important;
}
Ihr könnt natürlich statt 330px auch einen anderen Wert verwenden.
Cheers!
Peter
Hi,
eine Frage zum Google Maps Tooltip:
Wie kann ich den Tooltip größer machen (nicht den Pin), damit Text nicht umbrochen wird?
Ungefähr so wie in der Demo: http://kriesi.at/themes/enfold/pages/contact/
Vielen Dank!
Hi Josue
I actually managed to fix the issue by adding some quick css to make the text black on the tooltip, but you can see the issue on the theme demo if you go to the contact page http://kriesi.at/themedemo/?theme=enfold and select the black theme?
I looked into the CSS for the actual tooltip box, but it looked a little complex so was happy enough just to switch the font color.
Cheers :)
Hi, loving the theme so far, it’s making building my new site a lot more fun :)
I’ve noticed an issue with the Google Maps display, when using a dark theme (as I do) the tooltip background stays white, so text is unreadable? This is also visible on your demo page when you use the black theme?
Many thanks
Hey!
Copy the entire code of enfold\includes\helper-social-media.php into your child theme functions.php file (maybe you need to remove the first line which contains the
$this->html .= "<a {$blank} href='".$share['url']."' ".av_icon_string($icon)." title='' data-avia-related-tooltip='{$name}'><span class='avia_hidden_link_text'>{$name}</span></a>";
with
$this->html .= "<a {$blank} rel='nofollow' href='".$share['url']."' ".av_icon_string($icon)." title='' data-avia-related-tooltip='{$name}'><span class='avia_hidden_link_text'>{$name}</span></a>";
and
$html .= "<a {$blank} href='".$icon['social_icon_link']."' ".av_icon_string($icon['social_icon'])." title='".ucfirst($icon['social_icon'])."'><span class='avia_hidden_link_text'>".ucfirst($icon['social_icon'])."</span></a>";
with
$html .= "<a {$blank} rel='nofollow' href='".$icon['social_icon_link']."' ".av_icon_string($icon['social_icon'])." title='".ucfirst($icon['social_icon'])."'><span class='avia_hidden_link_text'>".ucfirst($icon['social_icon'])."</span></a>";
Regards,
Peter
.avia-icon-tooltip {
background-color: rgba(110, 105, 63, 0.8);
}
you can also use hex code for color if you dont need the transparency
Hi,
How could I put the <abbr> html code in a button to be abble to see a little tooltip in this button?
THANKS
Hi!
The tooltips need additional tweaking but it’s a start, thanks for sharing it :)
Regards,
Josue
Hi Kriesi & Co,
We’re using enfold for http://gocommercenam.com/ and on http://gocommerce.co.za/ but any page that loads images with sliding effects (or even icons) are not being displayed at all.
We’re using FF 29, Win 7, WP 3.9 and Enfold 2.7.1. It seems to work fine on Safari and Chrome…
UPDATE: When using Firebug, the following console error shows up: TypeError: $.AviaTooltip is not a constructor on avia.js (line 29)
Any ideas?
Hi, I am just wondering on how to remove the tooltip from all hyperlinks in all pages. I did once in another theme where I commented out a href I believe. But I want to do it the right way. I am kinda new at this so I guess laymen terms would be best.
How do you disable the tooltip when you point your mouse at the TITLE in the title bar? For example, the tooltip says “Permanent Link:PROJECTS” when you point at the title “PROJECTS”?
Thanks for your great support!
Lori
I need to be able to nest columns within each other and am having problems. I have a 1/4 + 3/4 layout, and would like to be able to put to 50% columns into the 3/4. They need to be editable with the drag-and-drop editor — it’s not ideal for me to just paste the shortcode into a text widget.
I was editing \config-templatebuilder\avia-shortcodes\columns.php and added the code below that you see at the bottom of this post. This allowed me to nest my new 1/2 column within the 3/4 just as I’d expect. However, when I save the page, it removes my nested column and places it adjacent to the 3/4 rather than inside it. I assume this is some setting in \config-templatebuilder\avia-template-builder\assets\js\avia-builder.js that I need to change, but am not sure what it is. I know this falls out of official theme support, but I’m really stuck and would appreciate guidance on what I need to change.
if ( !class_exists( ‘avia_sc_columns_one_half_inner’ ) )
{
class avia_sc_columns_one_half_inner extends avia_sc_columns{
function shortcode_insert_button()
{
$this->config[‘name’] = ‘1/2 inner’;
$this->config[‘icon’] = AviaBuilder::$path[‘imagesURL’].”sc-half.png”;
$this->config[‘tab’] = __(‘Layout Elements’, ‘avia_framework’ );
$this->config[‘order’] = 90;
$this->config[‘shortcode’] = ‘av_one_half’;
$this->config[‘html_renderer’] = false;
$this->config[‘tinyMCE’] = array(‘name’ => ‘1/2 + 1/2’, ‘instantInsert’ => “[av_one_half first]Add Content here[/av_one_half]\n\n\n[av_one_half]Add Content here[/av_one_half]“);
$this->config[‘tooltip’] = __(‘Creates a single column with 50% width’, ‘avia_framework’ );
$this->config[‘drag-level’] = 3;
$this->config[‘drop-level’] = 2;
}
}
}
Thanks very much!
Hey!
You can add tooltips on partner/logo elements – http://imgur.com/XT2r7Kf
Please hover on Microlancer logo on demo site to see it on action – http://kriesi.at/themes/enfold/
Cheers!
Yigit
Hey Ken!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.avia-tooltip, .avia-tooltip .avia-arrow { background: red; }
Best regards,
Yigit
Hi!
It seems like you have added tooltip and not a caption – http://i.imgur.com/fePKlAM.png
Please edit your icon and add icon caption instead
Cheers!
Yigit
Hi!
Please add following code instead
3-
.av-share-box .avia-related-tooltip { display: none !important; }
Best regards,
Yigit
Hey!
Can you post the link to your website? All browsers show tooltip by default.
Cheers!
Yigit
Hey!
They get included once i update the file. Please download it here – https://www.dropbox.com/s/3du2yqcelp3ota9/de_DE.zip
Best regards,
Yigit
Hey Yigit,
tried as suggested, but without any luck … these strings are still missing (german translation file).
Thanks
Hi StuWeTueHo!
Please rescan theme files using this plugin – http://www.wordpress.org/plugins/codestyling-localization/
and new strings should be added
Regards,
Yigit
First: Thanks for the update. I love the magazine elements and the social functionality. But I noticed there is no way to translate “Share this entry” and the tooltips above the social icons (“Share on Facebook”; “Share on Twitter” …). At least it is not possible with the provided translation files – would be nice to have fix this with the next update :). Anyway – thanks for your continuous improvement of this stunning theme!
This reply has been marked as private.
Hi Yigit,
I follow “Please add following code to Quick CSS in Enfold theme options under Styling tab” but after?
What should I put in the “Optional TooltipAdd a tooltip for this Icon. The tooltip will appear on mouse over”
THX