Viewing 30 results - 2,221 through 2,250 (of 2,327 total)
  • Author
    Search Results
  • #173991

    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!
    Ismael

    #173707
    pandaweb
    Participant

    Hi, 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.

    #173156

    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.jpg

    Best regards,
    Yigit

    #172261
    finessecreative
    Participant

    Hi 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

    #171135
    Jens
    Participant

    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:
    Anker Tag Icon

    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

    #171093
    This reply has been marked as private.
    #170677

    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

    #167805

    Hi mgma!

    No, right now there’s no user friendly way to use the tooltip script elsewhere. You can try the html5 abbr tag though: http://www.w3schools.com/tags/tag_abbr.asp which creates a simple tooltip popup too.

    Cheers!
    Peter

    #167000

    Hi selvaria!

    This will get your started. Edit header.php, remove everything then replace it with this code: http://pastebin.com/aBEyEpni

    Add this on your custom.css or Quick CSS:

    .avia-search-tooltip.avia-tt {
    display: block !important;
    opacity: 1 !important;
    top: 0 !important;
    left: 80% !important;
    }
    
    #menu-item-search {
    display: none;
    }

    Regards,
    Ismael

    #166658
    selvaria
    Participant

    Hello all

    Is it possible to include the search box in the menubar instead of having the search tooltip?

    Thanks

    Michael

    search field

    http://www.selvaria.ch

    • This topic was modified 12 years, 2 months ago by selvaria.
    #164370

    Hello!

    You can use the wp_nav_menu_items filter to add list items to the menu. I.e. Kriesi uses this filter to add the search icon to the main menu. The code looks like

    
    	add_filter( 'wp_nav_menu_items', 'append_google_search_nav', 10, 2 );
    	function append_google_search_nav( $items, $args )
    	{		
    	    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.'">'.$avia_config['font_icons']['search'].'</a></li>';
    	    }
    	    return $items;
    	}
    

    – instead of

    
    	        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.'">'.$avia_config['font_icons']['search'].'</a></li>';
    

    insert your search form code – i.e.

    
    	        $items .= '<li id="menu-item-google-search">YOUR SEARCH FORM CODE</li>';
    

    and add the code to the bottom of functions.php.

    Cheers!
    Peter

    #164324
    allegrabillings
    Participant

    Hey guys, I know this has been asked before but I am still having trouble after looking over different solutions. I want to make the iconbox icons themselves link not just the heading in the box (the default behavior)

    I saw one solutions that made the whole box a link, which I don’t want.

    then I saw this from dude
    https://kriesi.at/support/topic/icon-box-icon-link/

    and that is what I tried. But it isn’t working. and I can’t figure out how to impliment it. I am using a child theme and this is a bit new for me in changing this type of code. I have only modified some of the functions behaviors and css thus far.

    I changed the code per dudes instructions and them I placed the entire iconbox.php file in my child folder and that didn’t work. then because I didn’t know how to deploy the change I tried to add just the new code to functions.php

    Can you please tell me what if anything is wrong with my code in the iconbox.php file and then how/where to place it in my child themes folder.
    Thanks

    ps. line 172 is where the change started, but I guess you can’t see that obviously. but gives general location.
    website is http://jackandaddi.com/ and there are some icon boxes on the home screen.

    <?php
    /**
    * Textblock
    * Shortcode which creates a text element wrapped in a div
    */

    if ( !class_exists( 'avia_sc_icon_box' ) )
    {
    class avia_sc_icon_box extends aviaShortcodeTemplate
    {
    /**
    * Create the config array for the shortcode button
    */
    function shortcode_insert_button()
    {
    $this->config['name'] = __('Icon Box', 'avia_framework' );
    $this->config['tab'] = __('Content Elements', 'avia_framework' );
    $this->config['icon'] = AviaBuilder::$path['imagesURL']."sc-icon_box.png";
    $this->config['order'] = 90;
    $this->config['target'] = 'avia-target-insert';
    $this->config['shortcode'] = 'av_icon_box';
    $this->config['tooltip'] = __('Creates a content block with icon to the left or above', '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" => __("IconBox Icon",'avia_framework' ),
    "desc" => __("Select an IconBox Icon bellow",'avia_framework' ),
    "id" => "icon",
    "type" => "iconfont",
    "font" => "entypo-fontello",
    "folder"=> AviaBuilder::$path['assetsURL']."fonts/",
    "chars" => AviaBuilder::$path['pluginPath'].'assets/fonts/entypo-fontello-charmap.php',
    "std" => "1"),

    array(
    "name" => __("Icon Position", 'avia_framework' ),
    "desc" => __("Should the icon be positioned at the left or at the top?", 'avia_framework' ),
    "id" => "position",
    "type" => "select",
    "std" => "left",
    "subtype" => array( __('Left', 'avia_framework' )=>'left',
    __('Top', 'avia_framework' )=>'top')),

    array(
    "name" => __("Title",'avia_framework' ),
    "desc" => __("Add an IconBox title here",'avia_framework' ),
    "id" => "title",
    "type" => "input",
    "std" => __("IconBox Title",'avia_framework' )),

    array(
    "name" => __("Title Link?", 'avia_framework' ),
    "desc" => __("Do you want to apply a link to the title?", 'avia_framework' ),
    "id" => "link",
    "type" => "linkpicker",
    "fetchTMPL" => true,
    "std" => "",
    "subtype" => array(
    __('No Link', 'avia_framework' ) =>'',
    __('Set Manually', 'avia_framework' ) =>'manually',
    __('Single Entry', 'avia_framework' ) =>'single',
    __('Taxonomy Overview Page', 'avia_framework' )=>'taxonomy',
    ),
    "std" => ""),

    array(
    "name" => __("Open in new window", 'avia_framework' ),
    "desc" => __("Do you want to open the link in a new window", 'avia_framework' ),
    "id" => "linktarget",
    "required" => array('link', 'not', ''),
    "type" => "select",
    "std" => "no",
    "subtype" => array(
    __('Yes', 'avia_framework' ) =>'yes',
    __('No', 'avia_framework' ) =>'no')),

    array(
    "name" => __("Content",'avia_framework' ),
    "desc" => __("Add some content for this IconBox",'avia_framework' ),
    "id" => "content",
    "type" => "tiny_mce",
    "std" => __("Click here to add your own text", "avia_framework" )),
    );

    }

    /**
    * 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)
    {
    $icon_el = $this->elements[0];

    $chars = $icon_el['chars'];

    if(!is_array($chars))
    {
    include($icon_el['chars']);
    }

    $display_char = isset($chars[($params['args']['icon'] - 1)]) ? $chars[($params['args']['icon'] - 1)] : $chars[0];

    $inner = "<div class='avia_iconbox avia_textblock avia_textblock_style'>";
    $inner .= " <div ".$this->class_by_arguments('position' ,$params['args']).">";
    $inner .= " <span data-update_with='icon_fakeArg' class='avia_iconbox_icon avia-font-".$icon_el['font']."'>".$display_char."</span>";
    $inner .= " <div class='avia_iconbox_content_wrap'>";
    $inner .= " <h4 class='avia_iconbox_title' data-update_with='title'>".html_entity_decode($params['args']['title'])."</h4>";
    $inner .= " <div class='avia_iconbox_content' data-update_with='content'>".stripslashes(wpautop(trim(html_entity_decode($params['content']))))."</div>";
    $inner .= " </div>";
    $inner .= " </div>";
    $inner .= "</div>";

    $params['innerHtml'] = $inner;
    $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('title' => 'Title', 'icon' => '1', 'position' => 'left', 'link' =>'', 'linktarget' => 'no'), $atts));

    $icon_el = $this->elements[0];

    $chars = $icon_el['chars'];
    $font = $icon_el['font'];
    if(!is_array($chars))
    {
    include($icon_el['chars']);
    }

    $display_char = isset($chars[($icon - 1)]) ? $chars[($icon - 1)] : $chars[0];
    if($position == 'top') $position .= " main_color";

    $linktarget = ($linktarget == 'no') ? '' : 'target="_blank"';
    $link = aviaHelper::get_url($link);
    if(!empty($link))
    {
    $title = "$title";
    }

    // add blockquotes to the content
    $output = '<div class="iconbox iconbox_'.$position.' '.$meta['el_class'].'">';
    $output .= '<div class="iconbox_content">';

    /* commented out the below line wich is default, icon box heading only is the link, and replaced the new code that makes the icon itself a link as well below the lomented out line
    $output .= '<div class="iconbox_icon heading-color avia-font-'.$font.'">'.$display_char.'</div>';*/
    if(!empty($link))
    {
    $output .= "";
    $output .= '<div class="iconbox_icon heading-color avia-font-'.$font.'">'.$display_char.'</div>';
    $output .= '
    ';
    }
    else
    {
    $output .= '<div class="iconbox_icon heading-color avia-font-'.$font.'">'.$display_char.'</div>';
    }
    $output .= '<h3 class="iconbox_content_title">'.$title."</h3>";
    $output .= ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop( $content ) );
    $output .= '</div></div>';

    return $output;
    }

    }
    }

    #164273

    In reply to: Search box background

    Hello stunna42!

    Please add following code to Quick CSS in Enfold theme options under Styling

    .avia-search-tooltip { background-color: red!important; }

    Regards,
    Yigit

    #141040

    Hi,

    Glad you figured it out. Let us know if you have any questions

    Regards,

    Yigit

    #141039

    .avia-tooltip { max-width: auto !important; width: auto !important; }

    did it for now..

    #141038

    Hi,

    Can you post the link to your website?

    Regards,

    Yigit

    #29579
    mailworm
    Participant

    I have created a child theme, which at the moment only consists of a custom style.css.

    I played around a little with the “team member” shortcode. Inside it uses the class .avia-tooltip. I do have text which runs out of the tooltip, so I set the .avia-tooltip width to “auto !important”.

    This works, when putting it as style directly into the tag (via Firefox Firebug), but is beeing ignored, when putting it into my style.css.

    Whats the workaround please?

    #138555

    You need to rewrite the js code. Open up and replace

    new $.AviaTooltip({'class': "avia-tooltip", data: "avia-tooltip", delay:0, scope: "body"});

    with

    $body = $('body');
    if($body.hasClass('.page-id-8') || $body.hasClass('.page-id-1509')) new $.AviaTooltip({'class': "avia-tooltip", data: "avia-tooltip", delay:0, scope: "body"});

    Then Enfold will not show the tool tips on other pages. Only page 8 and 1509 will support the tool tips.

    #138554

    thanks… how can i do the reverse of this ? its only one page (team member) I wish to have tooltips on…

    .page-id-8 .avia-tooltip.avia-tt { width: auto;display:block!important; opacity: 100!important; }

    .page-id-1509 .avia-tooltip.avia-tt { width: auto; display:block!important;opacity: 100!important; }

    This enables the function, but the tooltip stays once its been activated.

    #140125

    Open up wp-contentthemesenfoldconfig-templatebuilderavia-shortcodesportfolio.php and

    $link_markup 	= apply_filters('avf_portfolio_custom_image_container', array("a href='{$link}' title='".esc_attr(strip_tags($title))."' ",'a'), $entry);

    replace with

    $link_markup 	= apply_filters('avf_portfolio_custom_image_container', array("a href='{$link}' ",'a'), $entry);

    However because of seo reasons I’d recommend to stick with the link title/tooltip.

    #29233
    joe88
    Participant

    Hello. Is it possible to remove the tooltips that appear when you hover over an item in the portfolio page. Please see attached screen shot. Would be great if I could target this just for the portfolio page. Thanks. http://snag.gy/8SpcS.jpg

    #138616

    Hey!

    I marked this thread for Kriesi. It seems like the tooltip function is attached to the wrong element (body instead of search icon/link) and this breaks the tooltip.

    Best regards,

    Peter

    #137473

    Because the layout is fluid the image size can vary. It also depends on the layout you’ve chosen (1030px or 1210px). The best tool to determine the resolution of the image is the Chrome developer console ( https://developers.google.com/chrome-developer-tools/ ) or Firebug for Firefox. I made a small video to demonstrate the workflow: http://www.screenr.com/hdrH

    The browser will show the calculated resolution in the yellow tooltip.

    Hi,

    You can always apply CSS only to a specific page, example:

    .page-id-22 .avia-tooltip.avia-tt { display: none !important; opacity: 0 !important; }

    Regards,

    Josue

    #28760
    mrkuji
    Participant

    I dont want to lose the tooltips on the team member hovers..

    .avia-tooltip.avia-tt { display: none !important; opacity: 0 !important; }

    is there a way to target just the gallery tips ?

    Thanks

    #136785

    Yes, you can modify the layout of the related posts in wp-contentthemesenfoldincludesrelated-posts.php. Eg if you want to replace the image with the post title replace

    $output .= "	<a href='".get_permalink($related_post->ID)."' class='relThumWrap noLightbox'>n";
    $output .= " <span class='related_image_wrap' data-avia-related-tooltip="". htmlspecialchars ( $related_post->post_title )."">";
    $output .= $image;
    $output .= " <span class='related-format-icon avia-font-entypo-fontello {$extra_class}'><span class='related-format-icon-inner'>".$avia_config['font_icons'][$format]."</span></span>";
    $output .= " </span>";
    $output .= " </a>";

    with

    $output .= "	<a href='".get_permalink($related_post->ID)."' class='relThumWrap noLightbox'>n";
    $output .= $related_post->post_title;
    $output .= " </a>";

    #28023

    Topic: search bar RTL

    in forum Enfold
    largo6
    Participant

    hello

    i’m trying to RTL the theme, i have a problem with the search bar (at the moment) :

    <div class="avia-search-tooltip avia-tt" style="opacity: 0; display: none; top: 64px; left: -136px;"><div class="inner_tooltip">

    where can i find the left property to change it to the right ? i searched all over the theme.

    another question: can i use icons inside the table rows ?

    #114795

    +1 for lightbox captions and not tooltip cations – not user friendly…especially for mobile users.

    #135247

    Hey,

    Please add this on your custom.css or Quick CSS

    .avia-tooltip.avia-tt {
    display: none !important;
    opacity: 0 !important;
    }

    Regards,

    Ismael

    #130638

    Hi Nick,

    Thanks for the feedback.

    To be honest, I had no idea that I was using https… but it would explain why it runs a bit slow. How would I change it to just http? I’m neither a designer nor developer, so don’t really have any experience with this.

    To create the gallery I actually used a plugin called Facebook Photo Fetcher. After it’s installed you just put a bit of html on the post and it pulls in all the images from the relevant Facebook album. It does freak out a bit with larger albums sometimes, though, which would explain why the images didn’t import correctly.

    When you import a Facebook album onto the site it normally opens the standard WordPress gallery, but I’ve switched it off as it doesn’t look nearly as nice as the PrettyPhoto one and the images view really small on mobile. Also, it did this weird thing where I would get the standard WordPress gallery with arrows between the images and then a second gallery with just the image I clicked on within the PrettyPhoto lightbox.

    And in regard to tooltips, I have to confess that I’m not aware of how to use them.

    Any suggestions you have to overcome these issues would be greatly appreciated.

    Thanks

    Brendon

Viewing 30 results - 2,221 through 2,250 (of 2,327 total)