-
Search Results
-
Topic: 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,
pandawebIn reply to: Can't edit Layerslider sliders
Hello pandaweb!
Please give us a link to the website. Do you have the latest version Enfold 2.3.1? If not, please download it on your themeforest account then update your installation. Go to LayerSliderWP then edit any slides. Click Screen Options, enable “Tooltips”.
Cheers!
IsmaelHi, i can’t edit my sliders in the layerslider, the page is completely white
im geting this error
ReferenceError: lsScreenOptions is not defined
if(lsScreenOptions[‘showTooltips’] == ‘true’) {from admin.js of layerslider.
In reply to: Tooltip on 'back to icon' icon
Hi finessecreative!
Please open Footer.php file and find this code in line 168 http://i.imgur.com/C7OrmlP.jpg
and change it to http://i.imgur.com/9fSQYZx.jpgBest regards,
YigitHi guys,
http://217.147.86.171/~mainline/
At the bottom the clients wants a tooltip on the back to top icon on the right saying ‘back to top’
Possible?
Cheers
M
Hi,
I use the Template for a “One Page” site and there for it would be very helpful to have the ability to add “Anker nodes” or “Div with IDs” to the page.
Sadly there is no Shortcode Template for the “Avia Layout Builder” for that. This is why I started to create one my self. But I’m not able a full accomplish it.I need to know how I could avoid the additional Markup in the Frontend.
<main role="main" itemprop="mainContentOfPage" class="template-page content twelve alpha units"> <div class="post-entry post-entry-type-page post-entry-2251"> <div class="entry-content-wrapper clearfix"> <div id="myAnker" class="anker"><!-- <a name='myAnker' /> --></div> </div></div></main>As this Markup adds a lot of CSS (Margin, Padding), too.
I’ve created an Icon for it:
And I added the necessary PHP file:
<?php /** * Anker * Creates a div with "id" for an anker */ // Don't load directly if ( !defined('ABSPATH') ) { die('-1'); } if ( !class_exists( 'avia_sc_a_div' ) ) { class avia_sc_a_div extends aviaShortcodeTemplate{ /** * Create the config array for the shortcode button */ function shortcode_insert_button() { $this->config['name'] = __('Anker Div', 'avia_framework' ); $this->config['tab'] = __('Content Elements', 'avia_framework' ); $this->config['icon'] = AviaBuilder::$path['imagesURL']."sc-a-div.png"; $this->config['order'] = 1; $this->config['target'] = 'avia-target-insert'; $this->config['shortcode'] = 'av_a_div'; $this->config['modal_data'] = array('modal_class' => 'flexscreen'); $this->config['tooltip'] = __('Creates a div with id and an anker with id', 'avia_framework' ); } /** * Popup Elements * * If this function is defined in a child class the element automatically gets an edit button, that, when pressed * opens a modal window that allows to edit the element properties * * @return void */ function popup_elements() { $this->elements = array( array( "name" => __("Div ID & Anker Name", 'avia_framework' ), "desc" => __("Enter the ID value here.", 'avia_framework' ), "id" => "adivid", "type" => "input", "std" => "anker"), ); } /** * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className * * * @param array $params this array holds the default values for $content and $args. * @return $params the return array usually holds an innerHtml key that holds item specific markup. */ function editor_element($params) { $params['innerHtml'] = "<div class='avia-a-div'>".trim( $params['adivid'] )."</div>"; $params['class'] = ""; return $params; } /** * Frontend Shortcode Handler * * @param array $atts array of attributes * @param string $content text within enclosing form of shortcode element * @param string $shortcodename the shortcode found, when == callback name * @return string $output returns the modified html string */ function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "") { extract(shortcode_atts(array('adivid' => 'anker'), $atts)); $adid = trim($adivid); $output = ""; $output .= "<div id='{$adid}' class='anker'><!-- <a name='{$adid}' /> --></div>"; return $output; } } }What is the right framework entry to remove the additional Markup on all nested levels?
Greez WrYBiT
In reply to: Image Hover Text and Spaces in Text
In reply to: 'Popup window' and 'Menus on hover on images'
Hi finessecreative!
1.) Maybe this plugin will come in handy http://wordpress.org/plugins/popup-contact-form/ . Unfortunately, we can’t offer full support for third party plugin and we don’t know if it is compatible with theme. This customization is beyond of what we can do as support team. You need to hire a freelance developer to help you.
2.) We can only change the hover color but we can’t give you any code for a tooltip or pop out menu. Again, hire a freelance developer to add the features for you. Add this on your custom.css or Quick CSS:
.iconbox_content h3 a:hover { color: red !important; }Cheers!
Ismael
