you always can add those icons like this (but i think this is yigits code – with more options):

add_action('wp_head', 'ava_add_icons');
function ava_add_icons() {
    ?>
<link rel="shortcut icon" type="image/x-icon" href="/wp-content/uploads/icons/favicon.ico">
<link rel="icon" type="image/x-icon" href="/wp-content/uploads/icons/favicon.ico">
<link rel="icon" type="image/gif" href="/wp-content/uploads/icons/favicon.gif">
<link rel="icon" type="image/png" href="/wp-content/uploads/icons/favicon.png">
<link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon.png">
<link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-57x57.png" sizes="57x57">
<link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-60x60.png" sizes="60x60">
<link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-72x72.png" sizes="72x72">
<link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-76x76.png" sizes="76x76">
<link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-114x114.png" sizes="114x114">
<link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-120x120.png" sizes="120x120">
<link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-128x128.png" sizes="128x128">
<link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-144x144.png" sizes="144x144">
<link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-152x152.png" sizes="152x152">
<link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-180x180.png" sizes="180x180">
<link rel="apple-touch-icon" href="/wp-content/uploads/icons/apple-touch-icon-precomposed.png">
<link rel="icon" type="image/png" href="/wp-content/uploads/icons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/wp-content/uploads/icons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/wp-content/uploads/icons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/wp-content/uploads/icons/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="/wp-content/uploads/icons/favicon-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/wp-content/uploads/icons/favicon-196x196.png" sizes="196x196">
<meta name="msapplication-TileImage" content="/wp-content/uploads/icons/win8-tile-144x144.png"> 
<meta name="msapplication-TileColor" content="#ffffff"> 
<meta name="msapplication-navbutton-color" content="#ffffff"> 
<meta name="application-name" content="homeurl.de"/> 
<meta name="msapplication-tooltip" content="homeurl.de"/> 
<meta name="apple-mobile-web-app-title" content="homeurl.de"/> 
<meta name="msapplication-square70x70logo" content="/wp-content/uploads/icons/win8-tile-70x70.png"> 
<meta name="msapplication-square144x144logo" content="/wp-content/uploads/icons/win8-tile-144x144.png"> 
<meta name="msapplication-square150x150logo" content="/wp-content/uploads/icons/win8-tile-150x150.png"> 
<meta name="msapplication-wide310x150logo" content="/wp-content/uploads/icons/win8-tile-310x150.png"> 
<meta name="msapplication-square310x310logo" content="/wp-content/uploads/icons/win8-tile-310x310.png"> 
    <?php
}

a nice but german page to create those different sizes is: web-stuebchen.de

Hey!
I created a custom shortcode based on the toggles shortcode for you:

<?php
/**
 * Featurebox
 * 
 * Shortcode which creates a text element wrapped in a div
*/
if ( ! defined( 'ABSPATH' ) ) {  exit;  }    // Exit if accessed directly

if ( !class_exists( 'avia_sc_olicci_featurebox' ) )
{
    class avia_sc_olicci_featurebox extends aviaShortcodeTemplate
    {
        static $toggle_id = 1;
        static $counter = 1;
        static $initial = 0;
        static $tags = array();
        static $atts = array();

        /**
         * Create the config array for the shortcode button
         */
        function shortcode_insert_button()
        {
			$this->config['self_closing']	=	'no';
			
            $this->config['name']           = __('Feature Box', 'avia_framework' );
            $this->config['tab']		= __('Content Elements', 'avia_framework' );
            $this->config['icon']		= AviaBuilder::$path['imagesURL']."sc-contentslider.png";
            $this->config['order']		= 70;
            $this->config['target']		= 'avia-target-insert';
            $this->config['shortcode'] 	= 'av_olicci_featurebox';
            $this->config['shortcode_nested'] = array('av_olicci_featureitem');
            $this->config['tooltip'] 	= __('Create an olicci Feature Box Element', 'avia_framework' );
            $this->config['disabling_allowed'] = true;
        }

		function admin_assets()
		{
			$ver = AviaBuilder::VERSION;
            wp_enqueue_script('avia_tab_toggle_js' , AviaBuilder::$path['assetsURL'].'js/avia-tab-toggle.js' , array('avia_modal_js'), $ver, TRUE );
		}
			
        function extra_assets()
			{
				//load css
				wp_enqueue_style( 'avia-module-toggles' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/toggles/toggles.css' , array('avia-layout'), false );
				
					//load js
				wp_enqueue_script( 'avia-module-toggles' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/toggles/toggles.js' , array('avia-shortcodes'), false, TRUE );

			}
        

        /**
         * 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(
                            "type"  => "tab_container", 'nodescription' => true
                        ),
                        
                    array(
                            "type"  => "tab",
                            "name"  => __("Content" , 'avia_framework'),
                            'nodescription' => true
                        ),
                    array(
                        "name" => __("Heading", 'avia_framework'),
                        'desc' => __('Trage hier die Headline ein','olicci'),
                        'id' => 'heading',
                        'type' => 'input',
                        'std' => 'Adserver'
                    ),
                    array(
                        "name" => __("Subheading","avia_framework"),
                        "desc" => __("Add an extra descriptive subheading below the actual heading","avia_framework"),
                        "id" => "subheading",
                        "type" => "input",
                        "std" => ""
                    ),
                array(
                    "name" => __("Adserver Auswahl", 'avia_framework' ),
                    "desc" => __("Trage hier die Adserver ein, in denen das Feature enthalten ist", 'avia_framework' ),
                    "type" 			=> "modal_group",
                    "id" 			=> "content",
                    "modal_title" 	=> __("Edit List Item", 'avia_framework' ),
                            "std" => array(
                                array('title' => 'Display AdServer','color' => "#400954", "link" => "")
                            ),

                    'subelements' 	=> array(

                                array(
                                    "name" => "AdServer Titel",
                                    "desc" => "Der Titel des AdServers",
                                    "id" => "title",
                                    "std" => "Adnetwork",
                                    "type" => "input"
                                ),
                                array(
                                    "name" => "Link",
                                    "desc" => "Link zur Adserver Beschreibung",
                                    "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',
                                    )
                                ),
                                array(
                                    "name" => "Kreis-Farbe",
                                    "desc" => "Farbe des Kreises des Elements",
                                    "id" => "link_color",
                                    "type" => "colorpicker",
                                    "std" => "",
                                )

                    )
                ),
				
				array(
							"type" 	=> "close_div",
							'nodescription' => true
				),		
						
								array(
									"type" 	=> "tab",
									"name"	=> __("Screen Options",'avia_framework' ),
									'nodescription' => true
								),
								
								
								array(
								"name" 	=> __("Element Visibility",'avia_framework' ),
								"desc" 	=> __("Set the visibility for this element, based on the device screensize.", 'avia_framework' ),
								"type" 	=> "heading",
								"description_class" => "av-builder-note av-neutral",
								),
							
								array(	
										"desc" 	=> __("Hide on large screens (wider than 990px - eg: Desktop)", 'avia_framework'),
										"id" 	=> "av-desktop-hide",
										"std" 	=> "",
										"container_class" => 'av-multi-checkbox',
										"type" 	=> "checkbox"),
								
								array(	
									
										"desc" 	=> __("Hide on medium sized screens (between 768px and 989px - eg: Tablet Landscape)", 'avia_framework'),
										"id" 	=> "av-medium-hide",
										"std" 	=> "",
										"container_class" => 'av-multi-checkbox',
										"type" 	=> "checkbox"),
										
								array(	
									
										"desc" 	=> __("Hide on small screens (between 480px and 767px - eg: Tablet Portrait)", 'avia_framework'),
										"id" 	=> "av-small-hide",
										"std" 	=> "",
										"container_class" => 'av-multi-checkbox',
										"type" 	=> "checkbox"),
										
								array(	
									
										"desc" 	=> __("Hide on very small screens (smaller than 479px - eg: Smartphone Portrait)", 'avia_framework'),
										"id" 	=> "av-mini-hide",
										"std" 	=> "",
										"container_class" => 'av-multi-checkbox',
										"type" 	=> "checkbox"),
									
								
							  
				
							
								
							array(
									"type" 	=> "close_div",
									'nodescription' => true
								),	
								
								
						
						
					array(
						"type" 	=> "close_div",
						'nodescription' => true
					),

            );

            if(current_theme_supports('avia_template_builder_custom_tab_toogle_id'))
            {
                $this->elements[2]['subelements'][] = array(
                    "name" 	=> __("For Developers: Custom Toggle ID",'avia_framework' ),
                    "desc" 	=> __("Insert a custom ID for the element here. Make sure to only use allowed characters",'avia_framework' ),
                    "id" 	=> "custom_id",
                    "type" 	=> "input",
                    "std" 	=> "");
            }

        }

        /**
         * Editor Sub Element - this function defines the visual appearance of an element that is displayed within a modal window and on click opens its own modal window
         * Works in the same way as Editor Element
         * @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_sub_element($params)
        {
            $template = $this->update_template("title", "{{title}}");

            $params['innerHtml']  = "";
            $params['innerHtml'] .= "<div class='avia_title_container' {$template}>".$params['args']['title']."</div>";

            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(AviaHelper::av_mobile_sizes($atts)); //return $av_font_classes, $av_title_font_classes and $av_display_classes 

                extract(shortcode_atts(array(
                'font_color' => "",
                'color' => '',
                'size' => '',
                
                ), $atts, $this->config['shortcode']));
                
                
                $custom_class = !empty($meta['custom_class']) ? $meta['custom_class'] : "";
                $output = '';
                $markup = avia_markup_helper(array('context' => 'entry','echo'=>false, 'custom_markup'=>$meta['custom_markup']));
                $markup_text = avia_markup_helper(array('context' => 'entry_content','echo'=>false, 'custom_markup'=>$meta['custom_markup']));

                $output .= "<!-- ";
                $output .= var_export([$atts,$content],true);
                $output .= "-->\n";
                $output .= '<section class="av_featurebox_section">';// '.$markup.'>';
                $output .= '<div class="olicci-sign">';
                $output .= '<img src="'.trailingslashit(get_stylesheet_directory_uri()).'img/olicci-sign-30x30.png" alt="" />';
                $output .= '</div>';
                $output .= '<div class="title">';
                $output .= "<h4>".$atts['heading']."</h4>";
                $output .= "<h6>".$atts['subheading']."</h6>";
                $output .= "</div>";
                //$output .= "<div class='avia_textblock {$custom_class}' {$markup_text}>".ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop($content) )."</div>";
                $output .= "<div class='avia_textblock {$custom_class}'>".ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop($content) )."</div>";
                $output .= "<div class='avia_footer'>";
                $output .= "</div>";
                $output .= '</section>';
                return $output;
        }

        function av_olicci_featureitem($atts, $content = "", $shortcodename = "")
        {
            $output = $titleClass = $contentClass = "";
            /*$toggle_atts = shortcode_atts(array('title' => '', 'tags' => '', 'custom_id' => '', 'custom_markup' =>''), $atts, 'av_olicci_featureitem');
			$toggle_init_open_style = "";*/
            
            $atts =  shortcode_atts(array('title' => '', 'link' => '', 'link_color' => ''), $atts, 'av_olicci_featureitem');

            $link = aviaHelper::get_url($atts['link']);

            $output = "<a href='".$link."' class='tooltip' data-tooltip='".esc_attr($atts['title'])."'>";
            $output .= "<div class='circle' style='background-color: ".esc_attr($atts['link_color'])."'></div>";
            $output .= "</a>";
			

            return $output;
        }

    }
}

You can use it as a starting point for additional shortcode settings, etc.

Regards,
Peter

The same problem for me. I used this temporary help https://creativeminds.helpscoutdocs.com/article/1839-cm-tooltip-cmtg-troubleshooting-parsing-the-content-of-page-builders since 4.3.1 by placing that file in my Enfold child theme. It seems Enfold 4.4.1 does not solve the problem. Giving strange text like
“Opdrachtgevers waren de Nederlandse Organisatie voor Zuiver Wetenschappelijk Onderzoek (nu NWO) en Stichting Radiostraling van Zon en Melkweg ([glossary_exclude]SRZM[/glossary_exclude], nu ASTRON).”
Instead of
“Opdrachtgevers waren de Nederlandse Organisatie voor Zuiver Wetenschappelijk Onderzoek (nu NWO) en Stichting Radiostraling van Zon en Melkweg SRZM, nu ASTRON).
where ASTRON is underlined meanig it shoud shoud show a tooltip.
See : http://www.camras.nl/over-de-radiotelescoop/ontwerp-en-bouw/

• This reply was modified 7 years, 7 months ago by ArdH.