-
Search Results
-
In reply to: Show Alt Text for Image Media Element Tooltip?
Hey PPCHound!
The tooltip content is set by the browser and all browsers will show the image title as tooltip by default. If you want to show another text you just need to insert the text into the “title” field of the image/attachment. Afaik it’s not possible to show the alt text instead of the title but maybe there’s a browser setting/option for this.
Regarding the padding – can you post a link to the image please?
Regards,
PeterHi,
Right now, hovering the mouse over an image media element displays the image filename for the tooltip. Could this be made to show the alt text instead please? Also, is there a way to set the padding around these images for better page alignment?
kindest regards,
PPCHound
In reply to: Customize Page Builder
Hi lherbert!
There is no documentation yet but you can duplicate an element from the config-templatebuilder > avia-shortcodes folder. Example, duplicate the button.php file. Name it boxes.php as if we’re trying to create a boxes shortcode. Edit the file, look for this code:
if ( !class_exists( 'avia_sc_button' ) ) { class avia_sc_button extends aviaShortcodeTemplate { /** * Create the config array for the shortcode button */ function shortcode_insert_button() { $this->config['name'] = __('Button', 'avia_framework' ); $this->config['tab'] = __('Content Elements', 'avia_framework' ); $this->config['icon'] = AviaBuilder::$path['imagesURL']."sc-button.png"; $this->config['order'] = 85; $this->config['target'] = 'avia-target-insert'; $this->config['shortcode'] = 'av_button'; $this->config['tooltip'] = __('Creates a colored button', 'avia_framework' ); $this->config['tinyMCE'] = array('tiny_always'=>true); }Replace it with:
if ( !class_exists( 'avia_sc_boxes' ) ) { class avia_sc_boxes extends aviaShortcodeTemplate { /** * Create the config array for the shortcode button */ function shortcode_insert_button() { $this->config['name'] = __('Boxes', 'avia_framework' ); $this->config['tab'] = __('Content Elements', 'avia_framework' ); $this->config['icon'] = AviaBuilder::$path['imagesURL']."sc-button.png"; $this->config['order'] = 86; $this->config['target'] = 'avia-target-insert'; $this->config['shortcode'] = 'av_boxes'; $this->config['tooltip'] = __('Creates boxes', 'avia_framework' ); $this->config['tinyMCE'] = array('tiny_always'=>true); }You’ll see the Boxes shortcode beside the button shortcode on the Advance Layout Builder.
Regards,
IsmaelTopic: A few questions
Search form in header
I’ve included a search bar in the header using:
<?php get_search_form(); ?>
This is working fine, but I’d like to know if I can disable the ajax search results functionality?Blog small preview
I’d like to remove the dashed line between blog entries. I’ve tried to pinpoint the element in firebug to no avail. Is it possible to remove this?Breadcrumbs
I’m trying to change the location of the where the breadcrumbs appear. I’m using yoast’s seo plugin so I can use the snippet provided and I’ve got it working in the blog, but I can’t find where to insert it in the pages, blog index, archives etc.. This is where I’d like the breadcrumbs to appear: https://www.dropbox.com/s/vnr3qr65yp7wrp9/ma_preview.jpgTooltips
Related content in the blog makes use of cool tooltips where it says “YOU MIGHT ALSO LIKE”. Would it be possible to use them on other elements like images or links? That would be really useful to me.Many thanks in advance.
In reply to: Enfold: gallery pop-up captions
Hey!
Try adding this code to the Quick CSS:
.avia-tooltip.avia-tt { margin-left: 0 !important; }Cheers!
JosueIn reply to: Enfold: gallery pop-up captions
Thanks Josue.
A sample gallery page can be seen here: http://enamellers.org/bsoe/gallery/tamizan-savill/
You will see that the pale grey pop-up caption/tooltip boxes aren’t centred, but are a little to the left.
I’d also like them to be closer to their ‘parent’ image when they pop up if possible.
In reply to: Search field disappeared
Hi joax!
There is some issue in the rendering of the search icon:
Open functions-enfold.php and make sure line 52-73 look like this:
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=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'></a></li>'; } return $items; } }Regards,
JosueTopic: Search field disappeared
Hi,
On the site i’m currently developing (http://www.bataindustrials.co.za/) the searchfield from the menu magicly disappeared.. the tooltip with gets rendered somewhere on the bottom of the page but had no content.. and the magnifying glass is also invisble but the menu item is still there..
Have you guys encoutered this before? or can you see what goes wrong?
(btw.. we kinda styled the whole thing a little different from the original :-P )
In reply to: Contact Form – No Error
Hi rednovaMeUp!
It does, when a field is not filled correctly a red border appears:
If you want something more eye-catchy like tooltips, you’ll need to use a more advanced form like CF7.
Regards,
JosueIn reply to: Have Tooltip beneath rather the above?
Hey rezolution!
First open js/avia.js and replace line 1184:
position:'top' //top or bottomBy this:
position:'bottom' //top or bottomThen add this to the Quick CSS:
.avia-tooltip .avia-arrow-wrap { bottom: 45px !important; } .avia-tooltip .avia-arrow { top: 15px !important; }Regards,
JosueIn reply to: Enfold: gallery pop-up captions
Great, that works perfectly, many thanks Ismael.
I notice that the tooltip box appears off-centre, slightly to the left of the target image – can I adjust its position so that it appears perfectly centred?
Also, I would like to tooltip box to appear slightly lower – that is, closer to the target box. Again, can I adjust this?
Is it possible to move the tooltip on the Partner Logo Element from above to below?
Would appreciate anyones quick help on this.Cheers
In reply to: Enfold: gallery pop-up captions
Hi Niels!
You can add this on your custom.css or Quick CSS to modify the look of the gallery tooltip:
.avia-tooltip { background: #000; background: rgba(255, 3, 4, 0.8); color: blue; } .avia-tooltip .avia-arrow { background: rgba(255, 3, 4, 0.8); border: none; }Make sure that the background of .avia-tooltip and .avia-tooltip .avia-arrow is the same. :)
Best regards,
IsmaelIn reply to: Alt text not appearing in source code
Peter,
Thank you so much for the code. It worked great. I edited the main file in the /enfold theme and not my child theme.
Can you put the masonry_entries.php page in the child theme and the site will still work? This will help with updating. I reckon I could just try it and see, but I seem to recall that I tried this with another core php file and it didn’t work. Only headers, footers, function.php seem to be recognized. I am not a newbie coder, but I am pretty new to WordPress. Picking it up pretty quickly though.On another note, you folks should really look at the lightbox script I’m using. I’ve used it for years and know the developer pretty well. It’s far superior to the lightbox you folks are using. There are over a hundred option settings built inside and the API has built in functions that help with many things like ajax refreshes and hosting up dynamic stuff inside pages. The support is fantastic and detailed. The only other site online that I’ve seen that has similar support is yours. FYI, I have no vested interest in the script.
For example, with your code, I’m now yanking the captions from the alt attribute in masonry, while serving up the title attribute with the mouseover option. So I can have a short caption on the thumb with a more detailed description in the lightbox window. A distinct advantage for using the alt attribute is that you don’t have the title displaying on mouseover which duplicates the mouseover effect built into masonry. It also avoids the title mouseovers built into most browsers and allows you to use javascript tooltips if you want. And, of course your alt descriptions can be very detailed which will help SEO.
I will probably look into your backend code some more in avia.js and in some of the php files to open up more flexibility by coding in a custom data- attribute that works with the lightbox script I use. By doing so, it will allow the insertion of all sorts of lightbox display options in the headers, footers and outside the lightbox as well — HTML, videos, dynamic content, you name it. If you can code it, it can be fed to the lightbox through the data- attribute that is specific to this script. I sure wished you had a customizable data- attribute built into the backend of the wordpress manager for < a > links. I will probably have to code it myself. I can probably do it, I just don’t know where to look for all the relevant code in all your php files. It could be a lengthy trial and error process. I chatted with the developer of your third party slider that you use and he likes the idea of a configurable data- attribute by the customer. He indicated he was going to look at it in a future version release. There are numerous benefits to having this if you are a true coder.
Anyway, these were some of the reasons I was asking for the alt attribute. You probably assumed most of the reason was for SEO.
On a separate note, where would I find the code that renders the alt and title form fields on the backend of WordPress where you update and modify a masonry element? What file is that in? I have found the code that inserts the lightbox attributes inside of avia.js.
Thanks again for your help. Your support in this forum is excellent. And I don’t say that lightly. I mean it.
Cheers,
DonIn reply to: Enfold Feature Requests
Hi
thank you for the support. The replace does not change anything – there is still the yellow tooltip box with the caption over the image. (Safari)Best regards,
RemoHi!
Open up /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow.php and replace
$html .= "<".$tags[0]." data-rel='slideshow-".avia_slideshow::$slider."' class='avia-slide-wrap' {$linkdescription} >{$caption}";with
$html .= "<".$tags[0]." data-rel='slideshow-".avia_slideshow::$slider."' class='avia-slide-wrap'>{$caption}";to remove the tooltip. However note that we added the title because of SEO reasons and personally I wouldn’t recommend to remove it…
Best regards,
PeterHey!
Ok, then the plugin is definitely incompatible with our layout editor because our layout editor sometimes generates content with unclosed html tags and we close these tags with different functions – i.e. the “fullwidth” elements like the Layerslider or the fullwidth masonry gallery require a different structure than a default “content” element. If another plugin starts to “fix” the html code it will break the theme. I recommend to try another tooltip plugin from the repository: http://wordpress.org/plugins/search.php?q=tooltip
Cheers!
PeterHi,
Thanks for looking into this. Here ist the Information I got from the Plugin author:
The tool parses the content using the same hook as we do (the_content) but with lower priority – I think it was one (default is 10). From what I’ve learned it changes the internal structure of the HTML in the content and probably opens some <div> which are unclosed !!.
When Tooltip parser takes the content it uses the DOM traversal PHP mechanisms which fix the structure automatically (add closing tags). Then the tool adds it’s own closing tags and the layout ends up broken.
I don’t understand this in detail, maybe this helps a bit.
Regards
Achim
Hallo,
wir möchten auf einer Seite mit Enfold Theme das Plugin CM Tooltip einsetzen. (http://tooltip.cminds.com/). Leider kommt es zu einem Konflikt zwischen den Avia Layout Builder und dem Plugin. Auf Seiten, die nicht mit dem Layout Builder gemacht wurden, funktioniert alles perfekt, auf Seiten mit dem Layout Builder gemacht wurden, zerhackt es den Quellcode, so dass die Sidebar nicht mehr korrekt angezeigt wird. Ich habe mich direkt an den Support des Plugin Herstellers gewandt, das habe ich als Info zurückbekommen:
We spent some time checking the site and we came to a conclusion that there’s a conflict between Tooltip and the part of the theme called “Avia Layout Builder”.
It seems that it produces some invalid html which breaks layout during the parsing in search for tooltips.
It’s not the fault of Tooltip, because there are some pages which don’t break the layout. We have checked that these are the ones which doesn’t use the “Avia Layout Builder”.
We also didn’t want to play with this since the “Aria Layout Builder” is a part of a paid theme called Enfold.
We suggest one of the following:a) disable the tooltip on pages with “Avia Layout Builder”
b) don’t use “Avia Layout Builder”
c) seek support from the theme authors.Daher wende ich mich jetzt an euch, das Problem scheint tatsächlich mit dem Layout Builder zu tun zu haben und es wäre fein, wenn es eine Lösung gäbe.
Grüße
Achim
Hi fsatechnology!
I didn’t test the modification but you should be able to replace the icon with the search form. In functions-enfold.php replace
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=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'></a></li>'; } return $items;with
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-form" class="noMobile menu-item">'.$form.'</li>'; } return $items;However the function does not allow you to place the search form in anywhere you want to – you can only insert it at the very beginning or at the very end of the menu.
Regards,
PeterRe: https://kriesi.at/support/topic/how-to-add-captions-to-gallery-thumbs/
I updated the theme, a little late to the party.. made the same mods to gallery.php but the captions will not appear
I tried, in gallery.php
$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."' /><span class='visible-caption'>{$caption}</span></a>";This used to work, now doesn’t – I have reverted back to 1.91 for now.. but any help very much appreciated.
In reply to: Social Icons : Set Hover Text
I added it, but then deleted it because it was not functioning as “hover / mouse over” text. The text appeared, but just under the icons. What I want to do is have it appear like a tooltip. What would I need to do to accomplish that?
In reply to: Text formatting
Hey theworldawaits!
Please try to add an important tag to your css code
p.verse { font-size: 9px !important; }There’s no general tooltip feature at the moment but you can use the “icon” shortcode which supports a tooltip Enfold v2.4.1. Another solution would be the html5 abbr tag: http://www.w3schools.com/tags/tag_abbr.asp which can be used for a small tooltip box.
Best regards,
PeterTopic: Text formatting
Hey there,
I am trying to adjust some text on my site. It’s a simple enough task, but I can’t seem to figure it out within Enfold. Basically I have some text that I would like to be smaller than normal paragraph text.
I created a class in the custom styling
p.verse { font-size: 9px; }And in the text-box I called the class
<p class="verse">This should be smaller</p>However, the text remains the same.
I also noticed that Enfold has tooltip functionality. Is there a way to implement this within text? For example, if there is text that says “Genesis 1:1” it would show a box on rollover saying “In the beginning, God created the heavens and the earth.”.
Thanks so much!
Jason
Hey!
The problem is that ajax result is not closed in my demo either. if you enter a search term and wait for the results, then click anywhere on the page the tooltip will close, but if you click the search icon again the form + results will be displayed again. Results are never deleted
Since you omitted the tooltip you would need to write a javascript function that removes the content from the div with class “.ajax_search_response”
Hey!
I marked this code for Kriesi. He created the tooltip code and he can probably answer the question quicker than I can.
Cheers!
PeterIn reply to: Can't edit Layerslider sliders
Hi ismael,
yeah i have the latest version of enfold installed and everything works fine except for that layerslider, tooltip is also enabled..i am not sure what was really going on there, but i manage to solved the problem by uploading config-layerslider and replace the one from my server.
thanks anyway ismael.
regards,
pandaweb
