Viewing 30 results - 601 through 630 (of 2,320 total)
  • Author
    Search Results
  • Hey FelipeWP,

    Well, you can try adding the link to the tooltip text. Do you have it on the page somewhere?

    Best regards,
    Victoria

    #1142801

    Hi,

    The problem is that the tooltips are generated completely outside of site container. This means that they can’t be individually targeted via an ID OR CLASS. Changing the color would require re-working and adjusting how the tooltips are generated in the first place within the theme files.

    Best regards,
    Jordan Shannon

    #1142594

    H Ismael,
    Thanks for the update but this is not going to work.

    The class .blue-tooltip is assigned to the Partner/Logo element and not to the Tooltip it self.

    So what would be the difference between the CSS path of the Partner/Logo element and the CSS path of the Image with Hotspots?

    Thanks in advance,
    Ariane

    #1142549

    Hi,

    Thank you for the update.

    You need to remove the space between the “.blue-tooltip” and the “.avia-tooltip” selectors because they are from the same element.

    #top .blue-tooltip.avia-tooltip,
    #top .blue-tooltip.avia-tooltip .avia-arrow
    {
    background: #037ef3;
    color:#fff;
    }
    

    And it would probably be better if you apply another class name and style for the second tooltip.

    Best regards,
    Ismael

    #1141580

    Hi Jordan,

    There are 2 tooltip elements on this page:

    • a partner/logo element next to “Incubator support for innovative startups’ halfway down the page.
    • an image with hotspots is placed a little lower, in the next section at Engineering Talent

    When I use the following code, both tooltips became blue and I want the tooltip from the image with hotspots to stay white.

    #top .avia-tooltip,
    #top .avia-tooltip .avia-arrow
    {
    background: #037ef3;
    color:#fff;
    }

    So I thought it would be a good idea to use a class but so I gave the partner/logo element at “Incubator support for innovative startups’ .blue-tooltip. But when I use the following code nothing is happening, so either the class is not working or I am putting it in the wrong place?

    #top .blue-tooltip .avia-tooltip,
    #top .blue-tooltip .avia-tooltip .avia-arrow
    {
    background: #037ef3;
    color:#fff;
    }

    What can I do to give both elements with tooltips different mark-up?

    Thanks in advance,
    Ariane

    #1141494

    Hi,

    Thanks. Which specific tooltip should be blue?

    Best regards,
    Jordan Shannon

    #1141427
    ariane1001
    Participant

    Hi support,

    I know it’s possible to change colors of tooltips with css code below:

    #top .avia-tooltip,
    #top .avia-tooltip .avia-arrow
    {
    background: #037ef3;
    color:#fff;
    }

    I would like to change color of a specific tooltip element on a page. I tried by giving the element a class, for example blue-tooltip, or giving the color section a class but it doesn’t work.

    #top .blue-tooltip .avia-tooltip,
    #top .blue-tooltip .avia-tooltip .avia-arrow
    {
    background: #037ef3;
    color:#fff;
    }

    My question: how can change color for a specific tooltip element.

    Thanks in advance.

    Regards, Ariane

    #1141048
    Yigit
    Keymaster

    Hi,

    We wanted to create this thread as a channel to share the fixes that will be included in upcoming updates and known issues that are being worked on.

    Current fixes for upcoming version 4.7.4.1 are as following (last update 2020-05-12)

    • Feature: New alignment options ALB element “Special Heading”
    • Feature: input field to add custom subject text for ALB contact form autoresponder email
    • Feature: Option for transition effect speed in ALB Easy Slider, Fullwidth Easy Slider, Fullscreen Slider
    • Feature: Added options for custom title and alt attribute in ALB image element
    • fixed: accordion slider hides some slide item after closing the lightbox
    • fixed: small typo instgram
    • fixed: WC 4.0 bug grouped products and quantity button not working
    • fixed: Transparent logo missing alt and title attr when attachment URL instead ID
    • fixed: bbPress and custom footer page not showing correctly on some pages
    • fixed: CSS bug Accordion hidden below Special Heading in Color section
    • fixed: WP 5.4 Block editor breaks ALB layout in backend
    • fixed: removed wrong href in div id=”av-cookie-consent-badge”
    • fixed: removed wp_nonce check in reCaptcha V3 to avoid problems with caching plugins
    • fixed: bug switching ALB back to Classic Editor broken layout and js errors (WP 5.4 related ?)
    • fixed: CSS problem with equal height after individual height columns forming a grid
    • fixed: WP 5.4 block editor using ALB – scroll bug dragging ALB elements
    • fixed: added a check that $posts is an array in helper-assets.php – caused by 3rd party plugins
    • fixed: shifted values in color picker (theme options page)
    • fixed: type errors in message text
    • Fixed: Plugin conflict calling filter display_post_states incorrectly
    • added: filter avf_transparency_logo_data: modify transparency logo url, title, alt attributes
    • added: class post-format-{$post_format} to article in postslider.php
    • added: filter avf_attachment_copyright_text – allows to filter copyright text in ALB image element
    • tweak: new option “Remove query string from static resources” in Performance->Show advanced options
    • tweak: Link settings moved to content tab for all ALB button elements
    • tweak: ensure function aviaFontManagementBase::get_font_list returns an array
    • updated: Italian language files
    • updated: Dutch language files
    • added: Greek language files
    • tweak: All language files have been synchronised – obsolete strings removed

    In Pull Requests:

    • feature: New demo importer with download of demos from external server

    In Progress:

    • Responsive images – adding scrset attribute to images

    Fixes for released version 4.7.4:

    • fixed: catalog CSS not enqueued with ALB WC product elements
    • fixed: ADA compliance aria-hidden, aria-label for MOBILE Hamburger menu
    • fixed: ALB seperator whitespace with icon: limit width to 45% container width for each ruler
    • fixed: small typo tempalte
    • fixed: CSS bug icon grid with display tooltip and mobile
    • fixed: CSS ALB Gridrow – 1 column with link column not fullwidth
    • fixed: CSS indent bug in nested sidebar menus (left/right sidebar, widget menus)
    • fixed: Fullwidth Easy Slider issue where auto rotate stops working in Safari after a video slide
    • feature: Add custom ID and CSS class to timeline milestones
    • feature: Integrate Smash Balloon Instagram Feed plugin (free and pro version)
    • Feature: ALB magazine element supports post-format link
    • tweak: Option to disable adding timestamp to compressed css and js files
    • tweak: Advanced Styling selectors more strict to override standard selectors from stylesheets and custom css
    • tweak: ajax search support for WC option “Hide out of stock items from the catalog”
    • tweak: use get_title instead of inconsistent use of direct access to post_title in various places
    • added: title attribute to postslider link in ALB element
    • added: filter avf_postslider_link_title_attr: modify title attribute for link in ALB postslider
    • added: filter avf_show_option_toggles_advanced: Adds an extra select option to hide section headers in ALB
    • added: filter avf_ajax_search_woocommerce_params: allows to change displaying products out_of_stock, featured and hidden
    • added: filter avf_legacy_suppress_wp_filter_post_title: allows a fallback for unfiltered post_title where direct access was used previously
    • removed: deprecated classes hentry and vcard (microformats.com)
    • updated: French language file – equal alb options translation, “Google” services translated as “Mailchimp”
    • updated: Dutch language files
    • updated: German language files
    • updated: Italian language files

    Fixes for version 4.7.3 are as following

    • improved: theme options to disable ALB modal popup options toggles (revert to old ALB design)
    • fixed: Blog multiauthor preview image links to author and not to post
    • fixed: ADA compliance aria-hidden for social icons and social share buttons
    • fixed: social share buttons added with filter no longer shown in 4.7.1.1
    • fixed: CSS for reCaptcha V3, added classes for reCaptcha V2 and reCaptcha V3 to form
    • fixed: ALB contact form datepicker throws js error when jQuery is loaded in footer
    • fixed: ALB editor Add Cell/Set Cell Size buttons not responsive for translations
    • fixed: Custom pages query to exclude hiding a page when same page object is queried
    • fixed: small typo in Iconbox element
    • fixed: Easy Slider caption sizes reverting back to “use default” after making custom settings
    • fixed: Google vocabulary.org schema is deprecated
    • fixed: Content partially cut off in Cookie modal window on mobile Safari
    • added: filter avf_merged_files_unique_id: allows to remove/customize added unique id for merged files
    • added: filter avf_folder_security: customize folder security from 755 on folder creation
    • tweak: Column links open in new window and not in new tab for some browsers (e.g. FF)
    • tweak: Developer fields missing in fullwidth sub menu element
    • tweak: improved creation of avia folders and security
    • tweak: schema.org markup for testimonials
    • Improved GPDR:
      • feature: new option Accept essential cookies on pageload, user must opt in for other cookies
      • added: Cookie info message now supports starts with, ends with, contains for cookie names (filter avf_privacy_cookie_infos)
      • added: description text for some essential WP, WPMLcookies
      • fixed: bug with custom wildcard cookies and path not /
      • fixed: bug in option allow all cookies and services on pageload
    • Updated: Old Instagram icon to new one in social profiles
    • Updated: background color for social yelp icon to #d32323 on hover
    • updated: German language files, , de_DE GDPR translation adjustments
    • updated: Italian language file
    • updated: Dutch language files
    • updated: French language file – equal alb options translation

    Regards,
    Yigit

    P.S.: Please do not report issues here, instead start a new thread.

    • This topic was modified 5 years, 8 months ago by Yigit.
    #1139841
    markmade
    Participant

    Hi,
    “I’ve set up a map with several locations/markers. Each marker has a tooltip with address details. The only problem now is that these tooltips stay visible. I’d prefer them to automatically hide again when clicking another marker. There are markers rather close to each other, so it becomes a pain having to close each tooltip before being able to click on another marker again.
    Can I change this, please?”

    For example: one tooltip/marker description is open. I would like it to close when I click a different marker. so that only one tooltip/marker description is open at a time.

    #1138593

    @ Hello Mike

    I want the search icon to disappear on https://bjornafjordenopplevelser.no/hjem .
    I have tried to enter these CCS codes, but it does not work.

    .searchform { display: none; !important; }

    .searchsubmit { display: none; !important; }

    #button avia-font-entypo-fontello { display: none; !important; }

    #menu-item-search { display: none; !important; }

    #avia-search-tooltip avia-tt { display: none; !important; }

    There is no place in Enfold General styling / header to tick off the search icon. Can you please help me?


    @Siljerang

    • This reply was modified 6 years, 3 months ago by SHR Design.
    #1137241

    In reply to: Logo disappeared

    Das ist jetzt schon die 3. Seite von der ich hier sehe, dass es hie und da wohl mit dem Rocket Plugin Probleme geben könnte.
    Das Lazy_Load schein da nicht ganz so zu funktionieren in Verbindung mit Enfold.
    Die Seite hat auf Firefox auch noch ein paar Unstimmigkeiten. Muss mal schauen, ob es in einen Testinstallation auch so ist bei mir.
    Die Tooltips sind in Firefox nichtrichtig platziert (verschoben – weg von den Punkten) im Chrom sind Sie korrekt platziert.

    #1134362

    In reply to: Change font color

    Hey bergsmapaul,

    Please try the following in Quick CSS under Enfold->General Styling:

    .av-hotspot-container .inner_tooltip p {
      color:#fff !important;
    }

    Best regards,
    Rikard

    #1134257

    In reply to: Page speed

    Hey guttogjente,

    Thank you for using Enfold.

    The “Reduce server response times (TTFB)” is almost 3 seconds when we checked, 2.85s to be exact. Is the site on a shared hosting? You can only increase that criteria by improving your server. And most of the render-blocking resources are not even from the theme.

    …build/style.css?ver=2.3.0(www.guttogjente.no)
    …css/wad-public.css?ver=0.1(www.guttogjente.no)
    …css/tooltip.min.css?ver=0.1(www.guttogjente.no)
    …css/wc-gateway-ppec-frontend.css?ver=5.2.3(www.guttogjente.no)

    Did you enable the file compression?

    Best regards,
    Ismael

    #1134237

    Hey guttogjente,

    Please try adding this at the very end of your themes/child theme’s functions.php file:

    
    // Change social icon tooltip text
    function custom_excerpt(){
    ?>
    <script>
    jQuery(window).load(function(){
        jQuery('li.av-social-link-whatsapp').each(function() {
         	jQuery(".inner_tooltip").text("New Text Here");
        });
    });
    </script>
    <?php
    }
    add_action('wp_head', 'custom_excerpt');
    // End function
    

    For more information about adding custom script please check this link.

    Best regards,
    Vinay

    #1130894

    Tooltips comes from title tag – here too : for SEO point of view these title tags are usefull.
    Because of tooltip is a browser thing – you can not supress showing tooltips accept get rid of title tag.
    Removed from all anchors and imgs
    Similar to above :

    function remove_title_attr(){
    ?>
    <script>
    (function($){
    	$(window).load(function(){
    		$('#wrap_all a').removeAttr('title');
    		$('#wrap_all img').removeAttr('title');
    	});
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'remove_title_attr');
    #1130881

    Maybe I misinterpreted it! the ALT text can remain in the image but I don’t want to see a tooltip at mouse over …. excuse

    #1129743
    ryanmeighan
    Participant

    Hello, I am playing around with a specs page for a product, and I found the “image with hotspots” function to be a nice feature. I want to create something similar to amazon images where they click the image to zoom in. you can see what i am talking about here – https://mysite.com/max-2/
    my question is, can i make the image under “hotspot 1” bigger? i already made it as big as possible by setting the “tooltip width” to “x large”. Can i make it bigger than that?

    second question, would there be a way i can load an image lightbox instead? I am just looking for the best solution to overlay clickable elements, then having a large hi-res image-within-an-image pop up. Any advice would be appreciated. Perhaps a plugin if Enfold cannot accomplish this?

    Thanks!
    Ryan

    • This topic was modified 1 year, 3 months ago by Yigit.
    ComeAlivesorted
    Participant

    Hi there.

    I have been using ENFOLD for a long time and find it a very useful theme however recently I have been having the following issue:

    When adding an A-Tag in an element, the whole element disappears / breaks. This has happened a few times over the last couple of weeks. (Yes I have done this before and it worked)

    Example: I am using the “Image with hotspots” element – I need to link each hotspot to a specific URL, I am adding in the link at the bottom of the “Edit Hotspot Tooltip” however this only links the actual hotspot (And the hotspot itself is small, and it’s hard to get the cursor on the right spot to click on the link) plus clients will not know that they need to click on the actual hotspot because it is so tiny. So I have linked the hotspots and with that have also tried linking the text in the tooltip using an A tag, but whenever I do this and save it, the whole element disappears.

    This happened the other day too on another site I was working on while using the “Team Member” element – I Just added an H3 tag to the “team member job title” to make the job title a little bigger and the whole element disappeared.

    Please help

    Thank you

    #1128314

    Hey Sebastian,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #top .avia-tooltip .inner_tooltip br:first-child {
        display: block;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1127829

    Hallo Guenni,

    dann habe ich etwas durcheinander gebracht. Ich würde gerne den Tooltip beim Hovern über die Menuepunkte anzeigen lassen. Leider wird der Tooltip nicht angezeigt. Kann ich das irgendwie einstellen?
    LG Jak

    #1127609

    Das Title Attribute geht immer auf den anchor – beim Hovern zeigt dann der Browser meist einen Tooltip an, indem das Title Attribute gezeigt wird.
    Das Title Attribute ist nur im DOM zu sehen. Was soll wo angezeigt werden?

    Übrigens die Description wird bei vielen Navigationen mit angezeigt. Die ist bei Enfold im Hauptmenu Normalansicht via:

    .avia-menu-subtext, #top .sub-menu .avia-menu-subtext {
        display: none;
    }

    nicht sichtbar. Im Hamburger Menu wird Sie allerdings angezeigt.

    Hi,
    Thanks for the login, I added this function to your child theme functions.php:

    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(avia_get_option('header_position',  'header_top') != "header_top") return $items;
    	
    	        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=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
    	        		   </li>';
    	    return $items;
    	}
    }

    This will add the search icon ajax search to zen menu logic plugin by overriding the parent avia_append_search_nav function and it will make sure to append the search icon to all menus regardless of location. You should be able to use this in all of your installs.
    Please check.

    Best regards,
    Mike

    #1122719
    BlutVampir
    Participant

    As the Grit Element is all the time Fullwidth and cannot be changed to Content Width, I did edit and create a new Element, which has same functionallity, but has the content width (not destroying pages with sidebars).

    As others look for it and no solution is provided, here is mine.

    create new file and add it in childtheme:

    add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
    function avia_include_shortcode_template($paths)
    {
    	$template_url = get_stylesheet_directory();
    	array_unshift($paths, $template_url.'/shortcodes/');
    	return $paths;
    }

    create folder shortcode in childtheme and add file there (name is not important):

    <?php
    /**
     * Grid Row
     * 
     * Shortcode which adds multiple Grid Rows below each other to create advanced grid layouts. Cells can be styled individually
     */
    
     // Don't load directly
    if ( !defined('ABSPATH') ) { die('-1'); }
    
    if ( !class_exists( 'avia_sc_grid_row_nofullwidth' ) )
    {
    	
    	class avia_sc_grid_row_nofullwidth extends aviaShortcodeTemplate{
    
    			static $count = 0;
    			
    
    			/**
    			 * Create the config array for the shortcode grid row
    			 */
    			function shortcode_insert_button()
    			{
    				$this->config['type']				=	'layout';		
    				$this->config['self_closing']		=	'no';
    				$this->config['contains_text']		=	'no';
    				$this->config['layout_children']	=	array(  
    															'av_cell_one_full', 
    															'av_cell_one_half', 
    															'av_cell_one_third', 
    															'av_cell_one_fourth', 
    															'av_cell_one_fifth', 
    															'av_cell_two_third', 
    															'av_cell_three_fourth', 
    															'av_cell_two_fifth', 
    															'av_cell_three_fifth', 
    															'av_cell_four_fifth'
    														);
    				
    				
    				$this->config['name']		= __('Grid Row (Content Width)', 'avia_framework' );
    				$this->config['icon']		= AviaBuilder::$path['imagesURL']."sc-layout_row.png";
    				$this->config['tab']		= __('Layout Elements', 'avia_framework' );
    				$this->config['order']		= 15;
    				$this->config['shortcode'] 	= 'av_layout_grit';
    				$this->config['html_renderer'] 	= false;
    				$this->config['tinyMCE'] 	= array('disable' => "true");
    				$this->config['tooltip'] 	= __('Add multiple Grid Rows below each other to create advanced grid layouts. Cells can be styled individually', 'avia_framework' );
    				$this->config['drag-level'] = 1;
    				$this->config['drop-level'] = 100;
    				$this->config['disabling_allowed'] = false;
    
    			}
    			
    			function extra_assets()
    			{
    				//load css
    				wp_enqueue_style( 'avia-module-gridrow' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/grid_row/grid_row.css' , array('avia-layout'), false );
    			}
    
    			/**
    			 * 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['content'] = trim($params['content']);
    				if(empty($params['content'])) $params['content'] = "[av_cell_one_half first][/av_cell_one_half] [av_cell_one_half][/av_cell_one_half]";
    */
    
    			
    				extract($params);
    				
    				$name = $this->config['shortcode'];
    				$data['shortcodehandler'] 	= $this->config['shortcode'];
        			$data['modal_title'] 		= $this->config['name'];
        			$data['modal_ajax_hook'] 	= $this->config['shortcode'];
    				$data['dragdrop-level'] 	= $this->config['drag-level'];
    				$data['allowed-shortcodes']	= $this->config['shortcode'];
    				
    				if(!empty($this->config['modal_on_load']))
        			{
        				$data['modal_on_load'] 	= $this->config['modal_on_load'];
        			}
    
        			$dataString  = AviaHelper::create_data_string($data);
    				
    				
    				if($content)
    				{
    					$final_content = $this->builder->do_shortcode_backend($content);
    					$text_area = ShortcodeHelper::create_shortcode_by_array($name, $content, $args);
    				}
    				else
    				{
    					$cell = new avia_sc_cell_one_half($this->builder);
    					$params = array('content' => "", 'args' => array(), 'data'=>'');
    					$final_content  = "";
    					$final_content .= $cell->editor_element($params);
    					$final_content .= $cell->editor_element($params);
    					$text_area = ShortcodeHelper::create_shortcode_by_array($name, '[av_cell_one_half][/av_cell_one_half] [av_cell_one_half][/av_cell_one_half]', $args);
    				
    				}
    				
    				$title_id = !empty($args['id']) ? ": ".ucfirst($args['id']) : "";
    				$hidden_el_active = !empty($args['av_element_hidden_in_editor']) ? "av-layout-element-closed" : "";
    				
    				
    
    				$output  = "<div class='avia_layout_row {$hidden_el_active} avia_layout_section avia_pop_class avia-no-visual-updates ".$name." av_drag' ".$dataString.">";
    				$output .= "    <a class='avia-add-cell avia-add'  href='#add-cell' title='".__('Add Cell','avia_framework' )."'>".__('Add Cell','avia_framework' )."</a>";
        				$output .= "    <a class='avia-set-cell-size avia-add'  href='#set-size' title='".__('Set Cell Size','avia_framework' )."'>".__('Set Cell Size','avia_framework' )."</a>";
    
    				$output .= "    <div class='avia_sorthandle menu-item-handle'>";
    				$output .= "        <span class='avia-element-title'>".$this->config['name']."<span class='avia-element-title-id'>".$title_id."</span></span>";
    				$output .= "        <a class='avia-delete'  href='#delete' title='".__('Delete Row','avia_framework' )."'>x</a>";
    				$output .= "        <a class='avia-toggle-visibility'  href='#toggle' title='".__('Show/Hide Section','avia_framework' )."'></a>";
    
    				if(!empty($this->config['popup_editor']))
        			{
        				$output .= "    <a class='avia-edit-element'  href='#edit-element' title='".__('Edit Row','avia_framework' )."'>".__('edit','avia_framework' )."</a>";
        			}
    				$output .= "<a class='avia-save-element'  href='#save-element' title='".__('Save Element as Template','avia_framework' )."'>+</a>";
    				$output .= "        <a class='avia-clone'  href='#clone' title='".__('Clone Row','avia_framework' )."' >".__('Clone Row','avia_framework' )."</a></div>";
        								$output .= "    <div class='avia_inner_shortcode avia_connect_sort av_drop' data-dragdrop-level='".$this->config['drop-level']."'>";
    				$output .= "<textarea data-name='text-shortcode' cols='20' rows='4'>".$text_area."</textarea>";
    				$output .= $final_content;
    				
    				$output .= "</div>";
    				
    				$output .= "<a class='avia-layout-element-hidden' href='#'>".__('Grid Row content hidden. Click here to show it','avia_framework')."</a>";
    				
    				$output .= "</div>";
    
    				return $output;
    			}
    
    			/**
    			 * 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()
    			{
    			    global  $avia_config;
    				
    		
    				$this->elements = array(
    					array(
    						"type" 	=> "tab_container", 'nodescription' => true
    					),
    					
    					array(
    						"type" 	=> "tab",
    						"name"  => __("Content" , 'avia_framework'),
    						'nodescription' => true
    					),
    					array(
    						"name" 	=> __("Grid Borders",'avia_framework' ),
    						"id" 	=> "border",
    						"desc"  => __("Choose if your layout grid should display any border",'avia_framework' ),
    						"type" 	=> "select",
    						"std" 	=> "",
    						"subtype" => array(	__('No Borders' , 'avia_framework' ) =>'',
    									__('Borders on top and bottom' , 'avia_framework' ) =>'av-border-top-bottom',
    									__('Borders between cells' , 'avia_framework' ) =>'av-border-cells',
    									__('Borders on top and bottom and between cells' , 'avia_framework' ) =>'av-border-top-bottom av-border-cells',
    									)
    				    ),
    				    
    				    
    				    array(	
    							"name" 	=> __("Custom minimum height", 'avia_framework' ),
    							"desc" 	=> __("Do you want to use a custom or predefined minimum height?", 'avia_framework' ),
    							"id" 	=> "min_height_percent",
    							"type" 	=> "select",
    							"std" 	=> "",
    							"subtype" => array(	
    												__( 'At least 100&percnt; of Browser Window height', 'avia_framework' )	=> '100',
    												__( 'At least 75&percnt; of Browser Window height', 'avia_framework' )	=> '75',
    												__( 'At least 50&percnt; of Browser Window height', 'avia_framework' )	=> '50',
    												__( 'At least 25&percnt; of Browser Window height', 'avia_framework' )	=> '25',
    												__( 'Custom height in &percnt; based on browser windows height', 'avia_framework' )	=> 'percent',
    												__( 'Custom height in pixel', 'avia_framework' )						=> '',
    											)
    						),
    					
    					array(	
    							'name' 	=> __( 'Section minimum custom height in &percnt;', 'avia_framework' ),
    							'desc' 	=> __( 'Define a minimum height for the gridrow in &percnt; based on the browser windows height', 'avia_framework' ),
    							'id' 	=> 'min_height_pc',
    							'required'	=> array( 'min_height_percent', 'equals', 'percent' ),
    							'std' 	=> '25',
    							'type' 	=> 'select',
    							'subtype' => AviaHtmlHelper::number_array( 1, 99, 1 )
    						),
    				    
    				    
    				    array(	
    							"name" 	=> __("Minimum height", 'avia_framework' ),
    							"desc" 	=> __("Set the minimum height of all the cells in pixel. eg:400px", 'avia_framework' ),
    							"id" 	=> "min_height",
    							"required"=> array('min_height_percent','equals',''),
    							"type" 	=> "input",
    							"std" 	=> "0",
    						),
    				    
    					
    			        array(
    						"name" 	=> __("Section Colors",'avia_framework' ),
    						"id" 	=> "color",
    						"desc"  => __("The section will use the color scheme you select. Color schemes are defined on your styling page",'avia_framework' ) .
    						           '<br/><a target="_blank" href="'.admin_url('admin.php?page=avia#goto_styling').'">'.__("(Show Styling Page)",'avia_framework' )."</a>",
    						"type" 	=> "select",
    						"std" 	=> "main_color",
    						"subtype" =>  array_flip($avia_config['color_sets'])
    				    ),
    				    
    				    
    				    array(
    						"name" 	=> __("Mobile Behaviour",'avia_framework' ),
    						"id" 	=> "mobile",
    						"desc"  => __("Choose how the cells inside the grid should behave on mobile devices and small screens",'avia_framework' ),
    						"type" 	=> "select",
    						"std" 	=> "av-flex-cells",
    						"subtype" => array(	__('Default: Each cell is displayed on its own' , 'avia_framework' ) =>'av-flex-cells',
    											__('Cells appear beside each other, just like on large screens' , 'avia_framework' ) =>'av-fixed-cells',
    									)
    				    ),
    				    
    				    array(	"name" 	=> __("For Developers: Section ID", 'avia_framework' ),
    							"desc" 	=> __("Apply a custom ID Attribute to the section, so you can apply a unique style via CSS. This option is also helpful if you want to use anchor links to scroll to a sections when a link is clicked", 'avia_framework' )."<br/><br/>".
    									   __("Use with caution and make sure to only use allowed characters. No special characters can be used.", 'avia_framework' ),
    				            "id" 	=> "id",
    				            "type" 	=> "input",
    				            "std" => ""),
    				            
    				    array(	"id" 	=> "av_element_hidden_in_editor",
    				            "type" 	=> "hidden",
    				            "std" => "0"),
    				    
    				    array(
    						"type" 	=> "close_div",
    						'nodescription' => true
    					),
    					
    				array(
    									"type" 	=> "tab",
    									"name"	=> __("Screen Options",'avia_framework' ),
    									'nodescription' => true
    								),
    								
    								array(
    							"name" 	=> __("Mobile Breaking Point",'avia_framework' ),
    							"desc" 	=> __("Set the screen width when cells in this row should switch to full width", 'avia_framework' ),
    							"type" 	=> "heading",
    							"description_class" => "av-builder-note av-neutral",
    							),
    							
    							
    						array(	
    						"name" 	=> __("Fullwidth Break Point", 'avia_framework' ),
    						"desc" 	=> __("The cells in this row will switch to fullwidth at this screen width ", 'avia_framework' ),
    						"id" 	=> "mobile_breaking",
    						"type" 	=> "select",
    						"std" 	=> "",
    						"subtype" => array(	
    								__('On mobile devices (at a screen width of 767px or lower)','avia_framework' ) =>'',
    								__('On tablets (at a screen width of 989px or lower)',  'avia_framework' ) =>'av-break-at-tablet',
    									)
    					),	
    					
    							
    					
    								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
    					),		
    					
    					
    					
    				array(
    						"type" 	=> "close_div",
    						'nodescription' => true
    					),
    				    
                    );
    			}
    
    			/**
    			 * 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 
    								
    			    $atts = shortcode_atts( array(
    											'color'					=> 'main_color',
    											'border'				=> '',
    											'min_height'			=> '0',
    											'min_height_percent'	=> '',
    											'min_height_pc'			=> 25,
    											'mobile'				=> 'av-flex-cells',
    											'mobile_breaking'		=> '',
    											'id'					=> ''
    				
    										), $atts, $this->config['shortcode'] );
    				
    				if( 'percent' == $atts['min_height_percent'] )
    				{
    					$atts['min_height_percent'] = $atts['min_height_pc'];
    				}
    				
    				extract( $atts );
    				
    				$output = '';
    				$params = array();
    				
    				$params['class'] = "av-layout-grid-container entry-content-wrapper {$color} {$mobile} {$mobile_breaking} {$av_display_classes} {$border} {$meta['el_class']}";
    				$params['open_structure'] = false; 
    				$params['custom_markup'] = $meta['custom_markup'];
    				$params['data'] = '';
    				
    				if( $min_height_percent != '' )
    				{
    					$params['class'] .= " av-cell-min-height av-cell-min-height-{$min_height_percent}";
    					$params['data'] .= " data-av_minimum_height_pc='{$min_height_percent}'";
    				}
    				
    				//we dont need a closing structure if the element is the first one or if a previous fullwidth element was displayed before
    				if(isset($meta['index']) && $meta['index'] == 0) $params['close'] = false;
    				if(!empty($meta['siblings']['prev']['tag']) && in_array($meta['siblings']['prev']['tag'], AviaBuilder::$full_el_no_section )) $params['close'] = false;
    				
    				if(isset($meta['index']) && $meta['index'] > 0) $params['class'] .= " submenu-not-first";
    				
    				
    				
    				avia_sc_cell::$attr = $atts;
    				//$output .=  avia_new_section($params);
    				$output .=  "<div style='clear:both'></div><div class='nocontentwidth'>";
    				$output .=  ShortcodeHelper::avia_remove_autop($content,true) ;
    				//$output .= avia_section_after_element_content( $meta , 'after_submenu_' . avia_sc_grid_row_nofullwidth::$count, false);
    				$output .=  "</div>
    				<style>.nocontentwidth .flex_cell.avia-builder-el-first { padding-left: 0px; } .nocontentwidth .flex_cell.avia-builder-el-last { padding-right: 0px; }</style>
    				<div style='clear:both'></div>";
    				// added to fix https://kriesi.at/support/topic/footer-disseapearing/#post-427764
    				avia_sc_section::$close_overlay = "";
    				
    				
    				return $output;
    			}
    	}
    }

    The new element is visible in the Layout Section of the Visual Builder.

    #1121410

    Hey Frank,

    Thank you for using Enfold.

    You can use the tooltip feature within the theme. Just add a “data-avia-icon-tooltip” attribute in any element and it will be automatically converted into a tooltip.

    <span data-avia-icon-tooltip="&#10;&#10;This is the content of the tooltip&#10;&#10;">I am a tooltip</span>
    

    Best regards,
    Ismael

    #1121208

    Hey guys,

    in which position should I implement the piece of code to display the date?

    blog.php

    <?php
    /**
     * Blog Posts
     * 
     * Displays Posts from your Blog
     */
    if ( ! defined( 'ABSPATH' ) ) {  exit;  }    // Exit if accessed directly
    
    if ( ! class_exists( 'avia_sc_blog' ) )
    {
    	class avia_sc_blog extends aviaShortcodeTemplate
    	{
    			/**
    			 * Create the config array for the shortcode button
    			 */
    			function shortcode_insert_button()
    			{
    				$this->config['self_closing']	=	'yes';
    				
    				$this->config['name']		= __('Blog Posts', 'avia_framework' );
    				$this->config['tab']		= __('Content Elements', 'avia_framework' );
    				$this->config['icon']		= AviaBuilder::$path['imagesURL']."sc-blog.png";
    				$this->config['order']		= 40;
    				$this->config['target']		= 'avia-target-insert';
    				$this->config['shortcode'] 	= 'av_blog';
    				$this->config['tooltip'] 	= __('Displays Posts from your Blog', 'avia_framework' );
    				$this->config['preview'] 	= false;
    				$this->config['disabling_allowed'] = "manually";
    				$this->config['disabled']	= array(
    												'condition'	=> ( avia_get_option( 'disable_blog' ) == 'disable_blog' ), 
    												'text'		=> __( 'This element is disabled in your theme options. You can enable it in Enfold &raquo; Performance', 'avia_framework' )
    												);
    				
    			}
    			
    			function extra_assets()
    			{
    				//load css
    				wp_enqueue_style( 'avia-module-blog' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/blog/blog.css' , array('avia-layout'), false );
    				wp_enqueue_style( 'avia-module-postslider' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/postslider/postslider.css' , array('avia-layout'), false );
    			}
    			
    			
    			/**
    			 * 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' 		=> __( 'Do you want to display blog posts?', 'avia_framework' ),
    							'desc' 		=> __( 'Do you want to display blog posts or entries from a custom taxonomy?', 'avia_framework' ),
    							'id' 		=> 'blog_type',
    							'type' 		=> 'select',
    							'std'		=> 'posts',
    							'subtype'	=> array( 
    												__( 'Display blog posts', 'avia_framework' )						=> 'posts',
    												__( 'Display entries from a custom taxonomy', 'avia_framework' )	=> 'taxonomy')
    											),
    											
    											
    
    					array(	"name" 		=> __("Which categories should be used for the blog?", 'avia_framework' ),
    							"desc" 		=> __("You can select multiple categories here. The Page will then show posts from only those categories.", 'avia_framework' ),
    				            "id" 		=> "categories",
    				            "type" 		=> "select",
    	        				"multiple"	=> 6,
                                "required" 	=> array('blog_type', 'equals', 'posts'),
    				            "subtype" 	=> "cat"),
    
                        array(
                            "name" 	=> __("Which Entries?", 'avia_framework' ),
                            "desc" 	=> __("Select which entries should be displayed by selecting a taxonomy", 'avia_framework' ),
                            "id" 	=> "link",
                            "fetchTMPL"	=> true,
                            "type" 	=> "linkpicker",
                            "subtype"  => array( __('Display Entries from:',  'avia_framework' )=>'taxonomy'),
                            "multiple"	=> 6,
                            "required" 	=> array('blog_type', 'equals', 'taxonomy'),
                            "std" 	=> "category"
                        ),
    					
    					array(	
    						'type'			=> 'template',
    						'template_id' 	=> 'date_query',
    					),
    					
    					array(
    							"name" 	=> __("Blog Style", 'avia_framework' ),
    							"desc" 	=> __("Choose the default blog layout here.", 'avia_framework' ),
    							"id" 	=> "blog_style",
    							"type" 	=> "select",
    							"std" 	=> "single-big",
    							"no_first"=>true,
    							"subtype" => array( __('Multi Author Blog (displays Gravatar of the article author beside the entry and feature images above)', 'avia_framework') =>'multi-big',
    												__('Single Author, small preview Pic (no author picture is displayed, feature image is small)', 'avia_framework') =>'single-small',
    												__('Single Author, big preview Pic (no author picture is displayed, feature image is big)', 'avia_framework') =>'single-big',
    												__('Grid Layout', 'avia_framework') =>'blog-grid',
                                                    __('List Layout - Simple (Title and meta information only)', 'avia_framework' ) =>'bloglist-simple',
                                                    __('List Layout - Compact (Title and icon only)', 'avia_framework' ) =>'bloglist-compact',
                                                    __('List Layout - Excerpt (Title, meta information and excerpt only)', 'avia_framework' ) =>'bloglist-excerpt',
    
    												/* 'no sidebar'=>'fullsize' */
    										)),
    
                        array(
                            "name" 	=> __("Blog List Width", 'avia_framework' ),
                            "desc" 	=> __("Define the width of the list", 'avia_framework' ),
                            "id" 	=> "bloglist_width",
                            "type" 	=> "select",
                            "std" 	=> "",
                            "required" 	=> array('blog_style', 'contains', 'bloglist'),
                            "subtype" =>   array(
                                __('Auto',  'avia_framework' ) =>'',
                                __('Force Fullwidth',  'avia_framework' ) =>'force_fullwidth'
                                )),
    
                        array(
    							"name" 	=> __("Blog Grid Columns", 'avia_framework' ),
    							"desc" 	=> __("How many columns do you want to display?", 'avia_framework' ),
    							"id" 	=> "columns",
    							"type" 	=> "select",
    							"std" 	=> "3",
    							"required" 	=> array('blog_style', 'equals', 'blog-grid'),
    							"subtype" => AviaHtmlHelper::number_array(1,5,1)),
    
    					array(
    							"name" 	=> __("Define Blog Grid layout", 'avia_framework' ),
    							"desc" 	=> __("Do you want to display a read more link?", 'avia_framework' ),
    							"id" 	=> "contents",
    							"type" 	=> "select",
    							"std" 	=> "excerpt",
    							"required" 	=> array('blog_style', 'equals', 'blog-grid'),
    							"subtype" =>   array(
                                        __('Title and Excerpt',  'avia_framework' ) =>'excerpt',
                                        __('Title and Excerpt + Read More Link',  'avia_framework' ) =>'excerpt_read_more',
                                        __('Only Title',  'avia_framework' ) =>'title',
                                        __('Only Title + Read More Link',  'avia_framework' ) =>'title_read_more',
                                        __('Only excerpt',  'avia_framework' ) =>'only_excerpt',
                                        __('Only excerpt + Read More Link',  'avia_framework' ) =>'only_excerpt_read_more',
                                        __('No Title and no excerpt',  'avia_framework' ) =>'no')
                                ),
    
    					array(
    							"name" 	=> __("Blog Content length", 'avia_framework' ),
    							"desc" 	=> __("Should the full entry be displayed or just a small excerpt?", 'avia_framework' ),
    							"id" 	=> "content_length",
    							"type" 	=> "select",
    							"std" 	=> "content",
    							"required" 	=> array('blog_style', 'doesnt_contain', 'blog'),
    							"subtype" => array(
    								__('Full Content',  'avia_framework' ) =>'content',
    								__('Excerpt',  'avia_framework' ) =>'excerpt',
                                    __('Excerpt With Read More Link',  'avia_framework' ) =>'excerpt_read_more')),
    
    					array(
    							"name" 	=> __("Preview Image Size", 'avia_framework' ),
    							"desc" 	=> __("Set the image size of the preview images", 'avia_framework' ),
    							"id" 	=> "preview_mode",
                                "required" 	=> array('blog_style', 'doesnt_contain', 'bloglist'),
    							"type" 	=> "select",
    							"std" 	=> "auto",
    							"subtype" => array(__('Set the preview image size automatically based on column or layout width','avia_framework' ) =>'auto',__('Choose the preview image size manually (select thumbnail size)','avia_framework' ) =>'custom')),
    
    					array(
    							"name" 	=> __("Select custom preview image size", 'avia_framework' ),
    							"desc" 	=> __("Choose image size for Preview Image", 'avia_framework' ),
    							"id" 	=> "image_size",
    							"type" 	=> "select",
    							"required" 	=> array('preview_mode','equals','custom'),
    							"std" 	=> "portfolio",
    							"subtype" =>  AviaHelper::get_registered_image_sizes(array('logo'))
    							),
    
    					array(
    							"name" 	=> __("Post Number", 'avia_framework' ),
    							"desc" 	=> __("How many items should be displayed per page?", 'avia_framework' ),
    							"id" 	=> "items",
    							"type" 	=> "select",
    							"std" 	=> "3",
    							"subtype" => AviaHtmlHelper::number_array(1,100,1, array('All'=>'-1'))),
    
                        array(
                            "name" 	=> __("Offset Number", 'avia_framework' ),
                            "desc" 	=> __("The offset determines where the query begins pulling posts. Useful if you want to remove a certain number of posts because you already query them with another blog or magazine element.", 'avia_framework' ),
                            "id" 	=> "offset",
                            "type" 	=> "select",
                            "std" 	=> "0",
                            "subtype" => AviaHtmlHelper::number_array(1,100,1, array(__('Deactivate offset','avia_framework')=>'0', __('Do not allow duplicate posts on the entire page (set offset automatically)', 'avia_framework' ) =>'no_duplicates'))),
    
    					array(
    							"name" 	=> __("Pagination", 'avia_framework' ),
    							"desc" 	=> __("Should a pagination be displayed? Pagination might not work as expected when there is more than one blog posts element on a page, a post or on the blog page.", 'avia_framework' ),
    							"id" 	=> "paginate",
    							"type" 	=> "select",
    							"std" 	=> "yes",
    							"subtype" => array(
    								__('yes',  'avia_framework' ) =>'yes',
    								__('no',  'avia_framework' ) =>'no')),
    								
    								
    					array(
    							"name" 	=> __("Conditional display", 'avia_framework' ),
    							"desc" 	=> __("When should the element be displayed?", 'avia_framework' ),
    							"id" 	=> "conditional",
    							"type" 	=> "select",
    							"std" 	=> "",
    							"subtype" => array(
    								__('Always display the element',  'avia_framework' ) =>'',
    								__('Remove element if the user navigated away from page 1 to page 2,3,4 etc ',  'avia_framework' ) =>'is_subpage')),
    					
    					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('add_avia_builder_post_type_option'))
                    {
                        $element = array(
                            "name" 	=> __("Select Post Type", 'avia_framework' ),
                            "desc" 	=> __("Select which post types should be used. Note that your taxonomy will be ignored if you do not select an assign post type.
                                          If yo don't select post type all registered post types will be used", 'avia_framework' ),
                            "id" 	=> "post_type",
                            "type" 	=> "select",
                            "required" 	=> array('blog_type', 'equals', 'taxonomy'),
                            "multiple"	=> 6,
                            "std" 	=> "",
                            "subtype" => AviaHtmlHelper::get_registered_post_type_array()
                        );
    
                        array_splice($this->elements, 4, 0, array($element));
                    }
    
    			}
    
    			/**
    			 * 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'] = "<img src='".$this->config['icon']."' title='".$this->config['name']."' />";
    				$params['innerHtml'].= "<div class='avia-element-label'>".$this->config['name']."</div>";
    				$params['content'] 	 = NULL; //remove to allow content elements
    
    				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 = "")
    			{
    				global $avia_config, $more;
    				
    				$screen_sizes = AviaHelper::av_mobile_sizes($atts);
    				extract($screen_sizes); //return $av_font_classes, $av_title_font_classes and $av_display_classes 
    				
    				if(empty($atts['categories'])) $atts['categories'] = "";
                    if(isset($atts['link']) && isset($atts['blog_type']) && $atts['blog_type'] == 'taxonomy')
                    {
                        $atts['link'] = explode(',', $atts['link'], 2 );
                        $atts['taxonomy'] = $atts['link'][0];
    
                        if(!empty($atts['link'][1]))
                        {
                            $atts['categories'] = $atts['link'][1];
                        }
                        else if(!empty($atts['taxonomy']))
    					{
    						$term_args = array( 
    										'taxonomy'		=> $atts['taxonomy'],
    										'hide_empty'	=> true
    									);
    						/**
    						 * To display private posts you need to set 'hide_empty' to false, 
    						 * otherwise a category with ONLY private posts will not be returned !!
    						 * 
    						 * You also need to add post_status "private" to the query params of filter avia_post_slide_query.
    						 * 
    						 * @since 4.4.2
    						 * @added_by Günter
    						 * @param array $term_args 
    						 * @param array $atts 
    						 * @param boolean $ajax
    						 * @return array
    						 */
    						$term_args = apply_filters( 'avf_av_blog_term_args', $term_args, $atts, $content );						
    
    						$taxonomy_terms_obj = AviaHelper::get_terms( $term_args );
    						
                            foreach ($taxonomy_terms_obj as $taxonomy_term)
                            {
                                $atts['categories'] .= $taxonomy_term->term_id . ',';
                            }
                        }
                    }
    
    				$atts = shortcode_atts( array(
    											'blog_style'		=> '',
    											'bloglist_width'	=> '',
    											'columns'			=> 3,
    											'blog_type'			=> 'posts',
    											'items'				=> '16',
    											'paginate'			=> 'yes',
    											'categories'		=> '',
    											'preview_mode'		=> 'auto',
    											'image_size'		=> 'portfolio',
    											'taxonomy'			=> 'category',
    											'post_type'			=> get_post_types(),
    											'contents'			=> 'excerpt',
    											'content_length'	=> 'content',
    											'offset'			=> '0',
    											'conditional'		=> '',
    											'date_filter'		=> '',
    											'date_filter_start'	=> '',
    											'date_filter_end'	=> '',
    											'date_filter_format'	=> 'mm / dd / yy'
    										), $atts, $this->config['shortcode'] );
    				
    				$page = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : get_query_var( 'page' );
    				if( ! $page ) 
    				{
    					$page = 1;
    				}
    				
    				/**
    				 * Skip blog queries, if element will not be displayed
    				 */
    				if( $atts['conditional'] == 'is_subpage' && $page != 1 ) 
    				{
    					return '';
    				}
    				
    				if( $atts['blog_style'] == 'blog-grid' )
    				{
    					$atts['class'] = $meta['el_class'];
    					$atts['type']  = 'grid';
    					$atts = array_merge($atts, $screen_sizes);
    					
    					/**
    					 * @since 4.5.5
    					 * @return array
    					 */
    					$atts = apply_filters( 'avf_post_slider_args', $atts, $this->config['shortcode'], $this );
    					
    					//using the post slider with inactive js will result in displaying a nice post grid
    					$slider = new avia_post_slider( $atts );
    					
    					$old_page = null;
    					$is_single = is_single();
    					
    					if( 'yes' == $atts['paginate'] )
    					{
    						if( $is_single && isset( $_REQUEST['av_sc_blog_page'] ) && is_numeric( $_REQUEST['av_sc_blog_page'] ) )
    						{
    							$old_page = get_query_var( 'paged' );
    							set_query_var( 'paged', $_REQUEST['av_sc_blog_page'] );
    						}
    					}
    					
    					$slider->query_entries();
    					
    					if( 'yes' == $atts['paginate'] && $is_single )
    					{
    						add_filter( 'avf_pagination_link_method', array( $this, 'handler_pagination_link_method'), 10, 3 );
    					}
    					
    					$html = $slider->html();
    					
    					if( 'yes' == $atts['paginate'] && $is_single )
    					{
    						remove_filter( 'avf_pagination_link_method', array( $this, 'handler_pagination_link_method'), 10 );
    					}
    					
    					if( ! is_null( $old_page ) )
    					{
    						if( $old_page != 0 )
    						{
    							set_query_var( 'paged', $old_page );
    						}
    						else
    						{
    							remove_query_arg( 'paged' );
    						}
    					}
    					
    					return $html;
    				}
    				
    				$old_page = null;
    				$is_single = is_single();
    				
    				if( 'yes' == $atts['paginate'] )
    				{
    					if( $is_single && isset( $_REQUEST['av_sc_blog_page'] ) && is_numeric( $_REQUEST['av_sc_blog_page'] ) )
    					{
    						$old_page = get_query_var( 'paged' );
    						set_query_var( 'paged', $_REQUEST['av_sc_blog_page'] );
    					}
    				}
    
    				$this->query_entries( $atts );
    				
    				if( 'yes' == $atts['paginate'] && $is_single )
    				{
    					add_filter( 'avf_pagination_link_method', array( $this, 'handler_pagination_link_method'), 10, 3 );
    				}
    					
    
    				$avia_config['blog_style'] = $atts['blog_style'];
    				$avia_config['preview_mode'] = $atts['preview_mode'];
    				$avia_config['image_size'] = $atts['image_size'];
    				$avia_config['blog_content'] = $atts['content_length'];
    				$avia_config['remove_pagination'] = $atts['paginate'] === "yes" ? false :true;
    				
    				/**
    				 * Force supress of pagination if element will be hidden on foillowing pages
    				 */
    				if( $atts['conditional'] == 'is_subpage' && $page == 1 )
    				{
    					$avia_config['remove_pagination'] = true;
    				}
    
    				$more = 0;
    				ob_start(); //start buffering the output instead of echoing it
    				get_template_part( 'includes/loop', 'index' );
    				$output = ob_get_clean();
    				wp_reset_query();
    				
    				if( 'yes' == $atts['paginate'] && $is_single )
    				{
    					remove_filter( 'avf_pagination_link_method', array( $this, 'handler_pagination_link_method'), 10 );
    				}
    
    				if( ! is_null( $old_page ) )
    				{
    					if( $old_page != 0 )
    					{
    						set_query_var( 'paged', $old_page );
    					}
    					else
    					{
    						remove_query_arg( 'paged' );
    					}
    				}
    				
    				avia_set_layout_array();
    
    				if($output)
    				{
    					$extraclass = function_exists('avia_blog_class_string') ? avia_blog_class_string() : "";
    					$extraclass .= $atts['bloglist_width'] == 'force_fullwidth' ? ' av_force_fullwidth' : "";
                        $markup = avia_markup_helper(array('context' => 'blog','echo'=>false, 'custom_markup'=>$meta['custom_markup']));
    					$output = "<div class='av-alb-blogposts template-blog {$extraclass} {$av_display_classes}' {$markup}>{$output}</div>";
    				}
    
    				return $output;
    			}
    
    			/**
    			 * 
    			 * @since < 4.0
    			 * @param array $params
    			 */
    			protected function query_entries( array $params )
    			{
    				global $avia_config;
    				
    				$query = array();
    
    				if( ! empty($params['categories']) && is_string($params['categories'] ) )
    				{
    					//get the categories
    					$terms 	= explode( ',', $params['categories'] );
    				}
    
    				$page = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : get_query_var( 'page' );
    				if(!$page || $params['paginate'] == 'no') $page = 1;
    
                    if($params['offset'] == 'no_duplicates')
                    {
                        $params['offset'] = 0;
                        $no_duplicates = true;
                    }
    
                    if(empty($params['blog_type']) || $params['blog_type'] == 'posts') $params['post_type'] = 'post';
                    if(empty($params['post_type'])) $params['post_type'] = get_post_types();
                    if(is_string($params['post_type'])) $params['post_type'] = explode(',', $params['post_type']);
    				
    				//wordpress 4.4 offset fix
    				if( $params['offset'] == 0 )
    				{
    					$params['offset'] = false;
    				}
    				else
    				{	
    					//if the offset is set the paged param is ignored. therefore we need to factor in the page number
    					$params['offset'] = $params['offset'] + ( ($page -1 ) * $params['items']);
    				}
    				
    				$date_query = array();
    				if( 'date_filter' == $params['date_filter'] )
    				{
    					$date_query = AviaHelper::add_date_query( $date_query, $params['date_filter_start'], $params['date_filter_end'], $params['date_filter_format'] );
    				}
    				
    				//if we find categories perform complex query, otherwise simple one
    				if(isset($terms[0]) && !empty($terms[0]) && !is_null($terms[0]) && $terms[0] != "null" && !empty($params['taxonomy']))
    				{
    					$query = array(	
    								'paged'			=> $page,
    								'posts_per_page' => $params['items'],
    								'offset'		=> $params['offset'],
    								'post__not_in'	=> ( ! empty( $no_duplicates ) ) ? $avia_config['posts_on_current_page'] : array(),
    								'post_type'		=> $params['post_type'],
    								'date_query'	=> $date_query,
    								'tax_query'		=> array( 	
    													array( 	
    															'taxonomy' 	=> $params['taxonomy'],
    															'field' 	=> 'id',
    															'terms' 	=> $terms,
    															'operator' 	=> 'IN'
    														)
    													)
    								);
    				}
                    else
    				{
    					$query = array(	
    								'paged'				=> $page,
    								'posts_per_page'	=> $params['items'],
    								'offset'			=> $params['offset'],
    								'post__not_in'		=> ( ! empty( $no_duplicates ) ) ? $avia_config['posts_on_current_page'] : array(),
    								'post_type'			=> $params['post_type'],
    								'date_query'		=> $date_query
    								);
    				}
    
    				/**
    				 * 
    				 * @since < 4.0
    				 * @param array $query
    				 * @param array $params
    				 * @return array
    				 */
    				$query = apply_filters( 'avia_blog_post_query', $query, $params );
    
    				$results = query_posts( $query );
    
                    // store the queried post ids in
                    if( have_posts() )
                    {
                        while( have_posts() )
                        {
                            the_post();
                            $avia_config['posts_on_current_page'][] = get_the_ID();
                        }
                    }
    			}
    			
    			/**
    			 * Using this element not in a page ( = is_single() ) returns a wrong pagination
    			 * 
    			 * @since 4.5.6
    			 * @param string $method
    			 * @param type $pages
    			 * @param type $wrapper
    			 * @return string
    			 */
    			public function handler_pagination_link_method( $method, $pages, $wrapper )
    			{
    				if( is_single() || ( 'get_pagenum_link' == $method ) )
    				{
    					$method = 'avia_sc_blog::add_blog_pageing';
    				}
    				
    				return $method;
    			}
    			
    			/**
    			 * Called when this element not in a page ( = is_single() ). 
    			 * Add our custom page parameter.
    			 * 
    			 * @since 4.5.6
    			 * @param int $page
    			 * @return string
    			 */
    			static public function add_blog_pageing( $page )
    			{
    				$link = get_pagenum_link( 1 );
    				
    				if( $page != 1 )
    				{
    					$link = add_query_arg( array( 'av_sc_blog_page' => $page ), $link );
    				}
    				else
    				{
    					$link = remove_query_arg( 'av_sc_blog_page', $link );
    				}
    				
    				return $link;
    			}
    		
    	}
    	
    }
    
    #1120697

    In reply to: Dark Photography

    Hi,
    Sorry, I couldn’t login to examine the page, it seems the login has expired.
    But I imagine your page shows a 2 x 2 grid with a smaller image and when someone clicks one of the 4 images the full-size image pops up, correct?
    This sounds reasonable, they are expecting a large image to open, would you like a tooltip that larger images may take longer to download?

    Best regards,
    Mike

    #1115503

    I tried deactivating my plug-ins one by one and the problem still exists. I also tried using the element on another website using Enfold that doesn’t have as much customization and I get the same results, so I think it may be a problem with the element itself.

    tooltip in preview mode

    tooltip on actual page

    #1115244
    #1114840
    Steve
    Participant

    Hi there,

    I already have some code (provided originally by you guys – thank you) added to the bottom of the theme’s functions.php file to help prevent this, which works great:

    function remove_title_attr(){
    ?>
    <script>
    jQuery(window).load(function(){
    jQuery(‘a’).removeAttr(‘title’);
    jQuery(‘img’).removeAttr(‘title’);
    });
    </script>
    <?php
    }
    add_action(‘wp_footer’, ‘remove_title_attr’);

    However, it stops hiding the title showing in the tooltip when in Masonry Galleries, once the LOAD MORE option is used.

    Is there an alternative piece of code, or something I can add to the existing, or even some QUICK CSS that I can use to hide these please?

    Many thanks, as always
    Steve :-)

    (example page in private content)

    • This topic was modified 6 years, 6 months ago by Steve.
    #1113952

    In reply to: Few modifications

    Hey codecreative,

    Thank you for using Enfold.

    1.) That’s a default browser feature for image titles. You can’t remove that tooltip without removing the image title.

    2.) Use this css code to adjust the position of the scroll down arrow.

    #top .scroll-down-link {
        bottom: 30px;
    }
    

    3.) This css code should pull the video container upwards.

    #top .av-video-slide .mejs-container {
        margin-top: -200px;
    }

    Turn on the custom css class field so that you can directly adjust the style of a specific element.

    // https://kriesi.at/documentation/enfold/intro-to-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements

    Best regards,
    Ismael

Viewing 30 results - 601 through 630 (of 2,320 total)