Viewing 30 results - 271 through 300 (of 612 total)
  • Author
    Search Results
  • #1005097

    In reply to: Http error 500

    Hi Victora,
    See below:

    <?php
    //Tried both with and without added enqueing code. Seemed not to make a difference #SG;
    //#SG: Enqueuing the parent theme stylesheet;
    add_action( ‘wp_enqueue_scripts’, ‘enqueue_child_theme_styles’, PHP_INT_MAX);
    function enqueue_child_theme_styles() {
    wp_enqueue_style( ‘avia-style’, get_template_directory_uri().’/style.css’ );
    }
    // #SG: Enqueuing the parent theme CSS;
    function my_theme_enqueue_styles() {

    $parent_style = ‘avia-style’; // This is ‘avia-style’ for the Enfold theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . ‘/style.css’ );
    wp_enqueue_style( ‘child-style’,
    get_stylesheet_directory_uri() . ‘/style.css’,
    array( $parent_style ),
    wp_get_theme()->get(‘Version’)
    );
    }
    add_action( ‘wp_enqueue_scripts’, ‘my_theme_enqueue_styles’ );

    /*
    * Add your own functions here. You can also copy some of the theme functions into this file.
    * WordPress will use those functions instead of the original functions then.
    */

    // Added by #SG for Eliminate render-blocking JavaScript and CSS in above-the-fold content
    function my_init()
    {
    if (!is_admin())
    {
    wp_deregister_script(‘jquery’);

    // Load a copy of jQuery from the Google API CDN
    // The last parameter set to TRUE states that it should be loaded
    // in the footer.
    wp_register_script(‘jquery’, ‘http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js&#8217;, FALSE, ‘1.11.0’, TRUE);

    wp_enqueue_script(‘jquery’);
    }
    }
    add_action(‘init’, ‘my_init’);
    //End of added code by #SG

    if ( !defined(‘ABSPATH’) ){ die(); }

    global $avia_config;

    /*
    /*
    * if you run a child theme and dont want to load the default functions.php file
    * set the global var below in you childthemes function.php to true:
    *
    * example: global $avia_config; $avia_config[‘use_child_theme_functions_only’] = true;
    * The default functions.php file will then no longer be loaded. You need to make sure then
    * to include framework and functions that you want to use by yourself.
    *
    * This is only recommended for advanced users
    */

    if(isset($avia_config[‘use_child_theme_functions_only’])) return;

    /*
    * create a global var which stores the ids of all posts which are displayed on the current page. It will help us to filter duplicate posts
    */

    $avia_config[‘posts_on_current_page’] = array();

    /*
    * wpml multi site config file
    * needs to be loaded before the framework
    */

    require_once( ‘config-wpml/config.php’ );

    /**
    * layerslider plugin – needs to be loaded before framework because we need to add data to the options array
    *
    * To be backwards compatible we still support add_theme_support(‘deactivate_layerslider’);
    * This will override the option setting “activation” of the bundled plugin !!
    *
    * @since 4.2.1
    */

    /*DEACTIVATED by #SG (Remove this line to activate)
    require_once( ‘config-layerslider/config.php’ );

    /*
    * These are the available color sets in your backend.
    * If more sets are added users will be able to create additional color schemes for certain areas
    *
    * The array key has to be the class name, the value is only used as tab heading on the styling page
    */

    $avia_config[‘color_sets’] = array(
    ‘header_color’ => ‘Logo Area’,
    ‘main_color’ => ‘Main Content’,
    ‘alternate_color’ => ‘Alternate Content’,
    ‘footer_color’ => ‘Footer’,
    ‘socket_color’ => ‘Socket’
    );

    /*
    * add support for responsive mega menus
    */

    add_theme_support(‘avia_mega_menu’);

    /*
    * add support for improved backend styling
    */

    add_theme_support(‘avia_improved_backend_style’);

    /*
    * deactivates the default mega menu and allows us to pass individual menu walkers when calling a menu
    */

    add_filter(‘avia_mega_menu_walker’, ‘__return_false’);

    /*
    * adds support for the new avia sidebar manager
    */

    add_theme_support(‘avia_sidebar_manager’);

    /*
    * Filters for post formats etc
    */
    //add_theme_support(‘avia_queryfilter’);

    /*
    * Register theme text domain
    */
    if(!function_exists(‘avia_lang_setup’))
    {
    add_action(‘after_setup_theme’, ‘avia_lang_setup’);

    function avia_lang_setup()
    {
    $lang = apply_filters(‘ava_theme_textdomain_path’, get_template_directory() . ‘/lang’);
    load_theme_textdomain(‘avia_framework’, $lang);
    }

    avia_lang_setup();
    }

    /*
    function that changes the icon of the theme update tab
    */

    if(!function_exists(‘avia_theme_update_filter’))
    {
    function avia_theme_update_filter( $data )
    {
    if(current_theme_supports(‘avia_improved_backend_style’))
    {
    $data[‘icon’] = (Email address hidden if logged out) ‘;
    }
    return $data;
    }

    add_filter(‘avf_update_theme_tab’, ‘avia_theme_update_filter’, 30, 1);
    }

    ##################################################################
    # AVIA FRAMEWORK by Kriesi

    # this include calls a file that automatically includes all
    # the files within the folder framework and therefore makes
    # all functions and classes available for later use

    require_once( ‘framework/avia_framework.php’ );

    ##################################################################

    /*
    * Register additional image thumbnail sizes
    * Those thumbnails are generated on image upload!
    *
    * If the size of an array was changed after an image was uploaded you either need to re-upload the image
    * or use the thumbnail regeneration plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/
    */

    $avia_config[‘imgSize’][‘widget’] = array(‘width’=>36, ‘height’=>36); // small preview pics eg sidebar news
    $avia_config[‘imgSize’][‘square’] = array(‘width’=>180, ‘height’=>180); // small image for blogs
    $avia_config[‘imgSize’][‘featured’] = array(‘width’=>1500, ‘height’=>430 ); // images for fullsize pages and fullsize slider
    $avia_config[‘imgSize’][‘featured_large’] = array(‘width’=>1500, ‘height’=>630 ); // images for fullsize pages and fullsize slider
    $avia_config[‘imgSize’][‘extra_large’] = array(‘width’=>1500, ‘height’=>1500 , ‘crop’ => false); // images for fullscrren slider
    $avia_config[‘imgSize’][‘portfolio’] = array(‘width’=>495, ‘height’=>400 ); // images for portfolio entries (2,3 column)
    $avia_config[‘imgSize’][‘portfolio_small’] = array(‘width’=>260, ‘height’=>185 ); // images for portfolio 4 columns
    $avia_config[‘imgSize’][‘gallery’] = array(‘width’=>845, ‘height’=>684 ); // images for portfolio entries (2,3 column)
    $avia_config[‘imgSize’][‘magazine’] = array(‘width’=>710, ‘height’=>375 ); // images for magazines
    $avia_config[‘imgSize’][‘masonry’] = array(‘width’=>705, ‘height’=>705 , ‘crop’ => false); // images for fullscreen masonry
    $avia_config[‘imgSize’][‘entry_with_sidebar’] = array(‘width’=>845, ‘height’=>321); // big images for blog and page entries
    $avia_config[‘imgSize’][‘entry_without_sidebar’]= array(‘width’=>1210, ‘height’=>423 ); // images for fullsize pages and fullsize slider
    $avia_config[‘imgSize’] = apply_filters(‘avf_modify_thumb_size’, $avia_config[‘imgSize’]);

    $avia_config[‘selectableImgSize’] = array(
    ‘square’ => __(‘Square’,’avia_framework’),
    ‘featured’ => __(‘Featured Thin’,’avia_framework’),
    ‘featured_large’ => __(‘Featured Large’,’avia_framework’),
    ‘portfolio’ => __(‘Portfolio’,’avia_framework’),
    ‘gallery’ => __(‘Gallery’,’avia_framework’),
    ‘entry_with_sidebar’ => __(‘Entry with Sidebar’,’avia_framework’),
    ‘entry_without_sidebar’ => __(‘Entry without Sidebar’,’avia_framework’),
    ‘extra_large’ => __(‘Fullscreen Sections/Sliders’,’avia_framework’),

    );

    avia_backend_add_thumbnail_size($avia_config);

    if ( ! isset( $content_width ) ) $content_width = $avia_config[‘imgSize’][‘featured’][‘width’];

    /*
    * register the layout classes
    *
    */

    $avia_config[‘layout’][‘fullsize’] = array(‘content’ => ‘av-content-full alpha’, ‘sidebar’ => ‘hidden’, ‘meta’ => ”,’entry’ => ”);
    $avia_config[‘layout’][‘sidebar_left’] = array(‘content’ => ‘av-content-small’, ‘sidebar’ => ‘alpha’ ,’meta’ => ‘alpha’, ‘entry’ => ”);
    $avia_config[‘layout’][‘sidebar_right’] = array(‘content’ => ‘av-content-small alpha’,’sidebar’ => ‘alpha’, ‘meta’ => ‘alpha’, ‘entry’ => ‘alpha’);

    /*
    * These are some of the font icons used in the theme, defined by the entypo icon font. the font files are included by the new aviaBuilder
    * common icons are stored here for easy retrieval
    */

    $avia_config[‘font_icons’] = apply_filters(‘avf_default_icons’, array(

    //post formats + types
    ‘standard’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue836’),
    ‘link’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue822’),
    ‘image’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue80f’),
    ‘audio’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue801’),
    ‘quote’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue833’),
    ‘gallery’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue80e’),
    ‘video’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue80d’),
    ‘portfolio’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue849’),
    ‘product’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue859’),

    //social
    ‘behance’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue915’),
    ‘dribbble’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8fe’),
    ‘facebook’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f3’),
    ‘flickr’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8ed’),
    ‘gplus’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f6’),
    ‘linkedin’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8fc’),
    ‘instagram’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue909’),
    ‘pinterest’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f8’),
    ‘skype’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue90d’),
    ‘tumblr’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8fa’),
    ‘twitter’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f1’),
    ‘vimeo’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8ef’),
    ‘rss’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue853’),
    ‘youtube’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue921’),
    ‘xing’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue923’),
    ‘soundcloud’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue913’),
    ‘five_100_px’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue91d’),
    ‘vk’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue926’),
    ‘reddit’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue927’),
    ‘digg’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue928’),
    ‘delicious’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue929’),
    ‘mail’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue805’),

    //woocomemrce
    ‘cart’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue859’),
    ‘details’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue84b’),

    //bbpress
    ‘supersticky’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue808’),
    ‘sticky’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue809’),
    ‘one_voice’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue83b’),
    ‘multi_voice’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue83c’),
    ‘closed’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue824’),
    ‘sticky_closed’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue808\ue824’),
    ‘supersticky_closed’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue809\ue824’),

    //navigation, slider & controls
    ‘play’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue897’),
    ‘pause’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue899’),
    ‘next’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue879’),
    ‘prev’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue878’),
    ‘next_big’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue87d’),
    ‘prev_big’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue87c’),
    ‘close’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue814’),
    ‘reload’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue891’),
    ‘mobile_menu’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8a5’),

    //image hover overlays
    ‘ov_external’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue832’),
    ‘ov_image’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue869’),
    ‘ov_video’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue897’),

    //misc
    ‘search’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue803’),
    ‘info’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue81e’),
    ‘clipboard’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8d1’),
    ‘scrolltop’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue876’),
    ‘scrolldown’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue877’),
    ‘bitcoin’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue92a’),

    ));

    /*
    * a small array that contains admin notices that can, for example, be called after an update
    * just set the db option avia_admin_notice to contain the key of the notice you want to display
    * eg: update_option(‘avia_admin_notice’, ‘performance_update’);
    *
    * classes: error, warning, success, info
    * msg: whatever floats your boat :D
    */

    $avia_config[‘admin_notices’] = array(

    //default update success
    ‘update_success’ => array(‘class’=>’success’, ‘msg’ => __(‘Enfold update was successful! ‘,’avia_framework’)),

    //update to version 4.3 – performance update. display notice and link to blog post
    ‘performance_update’ => array(‘class’=>’info’, ‘msg’ => “Attention: The last Enfold update added a lot of performance options. Make sure to read more about it here<br><br>If you are running a caching plugin please make sure to reset your cached files, since the CSS and JS file structure of the theme changed heavily”
    ),

    //update to version 4.4 – gdpr update. display notice and link to blog post
    ‘gdpr_update’ => array(‘class’=>’info’, ‘msg’ => “Attention: Enfold was updated for GDPR compliance. Make sure to read more about it here
    ),

    //more to come…
    );

    add_theme_support( ‘automatic-feed-links’ );

    ##################################################################
    # Frontend Stuff necessary for the theme:
    ##################################################################

    /*
    * Register frontend javascripts:
    */

    if(!function_exists(‘avia_register_frontend_scripts’))
    {
    if(!is_admin()){
    add_action(‘wp_enqueue_scripts’, ‘avia_register_frontend_scripts’);
    }

    function avia_register_frontend_scripts()
    {
    global $avia_config;

    $theme = wp_get_theme();
    if( false !== $theme->parent() )
    {
    $theme = $theme->parent();
    }
    $vn = $theme->get( ‘Version’ );

    $options = avia_get_option();

    $template_url = get_template_directory_uri();
    $child_theme_url = get_stylesheet_directory_uri();

    //register js

    wp_enqueue_script( ‘avia-compat’, $template_url.’/js/avia-compat.js’ , array(), $vn, false ); //needs to be loaded at the top to prevent bugs
    wp_enqueue_script( ‘avia-default’, $template_url.’/js/avia.js’, array(‘jquery’), $vn, true );
    wp_enqueue_script( ‘avia-shortcodes’, $template_url.’/js/shortcodes.js’, array(‘jquery’,’avia-default’), $vn, true );

    wp_enqueue_script( ‘jquery’ );

    //register styles

    wp_register_style( ‘avia-style’ , $child_theme_url.”/style.css”, array(), $vn, ‘all’ ); //only include in childthemes. has no purpose in main theme
    wp_register_style( ‘avia-custom’, $template_url.”/css/custom.css”, array(), $vn, ‘all’ );

    wp_enqueue_style( ‘avia-grid’ , $template_url.”/css/grid.css”, array(), $vn, ‘all’ );
    wp_enqueue_style( ‘avia-base’ , $template_url.”/css/base.css”, array(‘avia-grid’), $vn, ‘all’ );
    wp_enqueue_style( ‘avia-layout’, $template_url.”/css/layout.css”, array(‘avia-base’), $vn, ‘all’ );
    wp_enqueue_style( ‘avia-scs’, $template_url.”/css/shortcodes.css”, array(‘avia-layout’), $vn, ‘all’ );

    /************************************************************************
    Conditional style and script calling, based on theme options or other conditions
    *************************************************************************/

    //lightbox inclusion

    $condition = !empty($avia_config[‘use_standard_lightbox’]) && ( ‘disabled’ != $avia_config[‘use_standard_lightbox’] );
    avia_enqueue_style_conditionally( $condition , ‘avia-popup-css’, $template_url.”/js/aviapopup/magnific-popup.css”, array(‘avia-layout’), $vn, ‘screen’);
    avia_enqueue_style_conditionally( $condition , ‘avia-lightbox’, $template_url.”/css/avia-snippet-lightbox.css”, array(‘avia-layout’), $vn, ‘screen’);
    avia_enqueue_script_conditionally( $condition , ‘avia-popup-js’ , $template_url.’/js/aviapopup/jquery.magnific-popup.min.js’, array(‘jquery’), $vn, true);
    avia_enqueue_script_conditionally( $condition , ‘avia-lightbox-activation’, $template_url.”/js/avia-snippet-lightbox.js”, array(‘avia-default’), $vn, true);

    //mega menu inclusion (only necessary with sub menu items)

    $condition = (avia_get_submenu_count(‘avia’) > 0);
    avia_enqueue_script_conditionally( $condition , ‘avia-megamenu’, $template_url.”/js/avia-snippet-megamenu.js”, array(‘avia-default’), $vn, true);

    //sidebar menu inclusion (only necessary when header position is set to be a sidebar)

    $condition = (isset($options[‘header_position’]) && $options[‘header_position’] != “header_top”);
    avia_enqueue_script_conditionally( $condition , ‘avia-sidebarmenu’, $template_url.”/js/avia-snippet-sidebarmenu.js”, array(‘avia-default’), $vn, true);

    //sticky header with header size calculator

    $condition = (isset($options[‘header_position’]) && $options[‘header_position’] == “header_top”);
    $condition2 = (isset($options[‘header_sticky’]) && $options[‘header_sticky’] == “header_sticky”) && $condition;
    avia_enqueue_script_conditionally( $condition2 , ‘avia-sticky-header’, $template_url.”/js/avia-snippet-sticky-header.js”, array(‘avia-default’), $vn, true);

    //site preloader

    $condition = (isset($options[‘preloader’]) && $options[‘preloader’] == “preloader”);
    avia_enqueue_script_conditionally( $condition , ‘avia-siteloader-js’, $template_url.”/js/avia-snippet-site-preloader.js”, array(‘avia-default’), $vn, true, false);
    avia_enqueue_style_conditionally( $condition , ‘avia-siteloader’, $template_url.”/css/avia-snippet-site-preloader.css”, array(‘avia-layout’), $vn, ‘screen’, false);

    //cookie consent

    $condition = (isset($options[‘cookie_consent’]) && $options[‘cookie_consent’] == “cookie_consent”);
    avia_enqueue_script_conditionally( $condition , ‘avia-cookie-js’ , $template_url.”/js/avia-snippet-cookieconsent.js”, array(‘avia-default’), $vn, true);
    avia_enqueue_style_conditionally( $condition , ‘avia-cookie-css’, $template_url.”/css/avia-snippet-cookieconsent.css”, array(‘avia-layout’), $vn, ‘screen’);

    //load widget css only if we got active widgets

    $condition = (avia_get_active_widget_count() > 0);
    avia_enqueue_style_conditionally( $condition , ‘avia-widget-css’, $template_url.”/css/avia-snippet-widget.css”, array(‘avia-layout’), $vn, ‘screen’);

    //load mediaelement js

    $condition = !( isset($options[‘disable_mediaelement’]) && $options[‘disable_mediaelement’] == “disable_mediaelement” ) && av_video_assets_required();
    $condition2 = ( version_compare( get_bloginfo( ‘version’ ), ‘4.9’, ‘>=’ ) ) && $condition;
    avia_enqueue_script_conditionally( $condition , ‘wp-mediaelement’);
    avia_enqueue_style_conditionally( $condition2 , ‘wp-mediaelement’); //With WP 4.9 we need to load the stylesheet seperately

    //comment reply script

    global $post;
    $condition = !( isset($options[‘disable_blog’]) && $options[‘disable_blog’] == “disable_blog” ) && $post && comments_open();
    $condition = ( is_singular() && get_option( ‘thread_comments’ ) ) && $condition;
    avia_enqueue_script_conditionally( $condition , ‘comment-reply’);

    //rtl inclusion

    avia_enqueue_style_conditionally( is_rtl() , ‘avia-rtl’, $template_url.”/css/rtl.css”, array(), $vn, ‘all’);

    //disable jquery migrate if no plugins are active (enfold does not need it) or if user asked for it in optimization options

    $condition = avia_count_active_plugins() == 0 || (isset($options[‘disable_jq_migrate’]) && $options[‘disable_jq_migrate’] != “disable_jq_migrate”);
    if(!$condition) avia_disable_query_migrate();

    //move jquery to footer if no unkown plugins are active

    if(av_count_untested_plugins() == 0 || (isset($options[‘jquery_in_footer’]) && $options[‘jquery_in_footer’] == “jquery_in_footer”) ){
    av_move_jquery_into_footer();
    }

    /************************************************************************
    Inclusion of the dynamic stylesheet
    *************************************************************************/

    global $avia;

    $safe_name = avia_backend_safe_string($avia->base_data[‘prefix’]);
    $safe_name = apply_filters(‘avf_dynamic_stylesheet_filename’, $safe_name);

    if( get_option(‘avia_stylesheet_exists’.$safe_name) == ‘true’ )
    {
    $avia_upload_dir = wp_upload_dir();

    /**
    * Change the default dynamic upload url
    *
    * @since 4.4
    */

    $avia_dyn_upload_path = apply_filters(‘avf_dyn_stylesheet_dir_url’, $avia_upload_dir[‘baseurl’] . ‘/dynamic_avia’ );
    $avia_dyn_upload_path = trailingslashit( $avia_dyn_upload_path );

    if( is_ssl() )
    {
    $avia_dyn_upload_path = str_replace( “http://&#8221;, “https://&#8221;, $avia_dyn_upload_path );
    }

    /**
    * Change the default dynamic stylesheet name
    *
    * @since 4.4
    */

    $avia_dyn_stylesheet_url = apply_filters( ‘avf_dyn_stylesheet_file_url’, $avia_dyn_upload_path . $safe_name . ‘.css’ );

    $version_number = get_option( ‘avia_stylesheet_dynamic_version’ . $safe_name );
    if( empty( $version_number ) )
    {
    $version_number = $vn;
    }

    wp_enqueue_style( ‘avia-dynamic’, $avia_dyn_stylesheet_url, array(), $version_number, ‘all’ );
    }

    wp_enqueue_style( ‘avia-custom’);

    if($child_theme_url != $template_url)
    {
    wp_enqueue_style( ‘avia-style’);
    }

    }
    }

    if(!function_exists(‘avia_remove_default_video_styling’))
    {
    if(!is_admin()){
    add_action(‘wp_footer’, ‘avia_remove_default_video_styling’, 1);
    }

    function avia_remove_default_video_styling()
    {
    /**
    * remove default style for videos
    *
    * With WP 4.9 we need to load the stylesheet seperately – therefore we must not remove it
    */

    if( version_compare( get_bloginfo( ‘version’ ), ‘4.9’, ‘<‘ ) )
    {
    wp_dequeue_style( ‘mediaelement’ );
    }

    // wp_dequeue_script( ‘wp-mediaelement’ );
    // wp_dequeue_style( ‘wp-mediaelement’ );
    }
    }

    /*
    * Activate native wordpress navigation menu and register a menu location
    */

    if(!function_exists(‘avia_nav_menus’))
    {
    function avia_nav_menus()
    {
    global $avia_config, $wp_customize;

    add_theme_support(‘nav_menus’);

    foreach($avia_config[‘nav_menus’] as $key => $value)
    {
    //wp-admin\customize.php does not support html code in the menu description – thus we need to strip it
    $name = (!empty($value[‘plain’]) && !empty($wp_customize)) ? $value[‘plain’] : $value[‘html’];
    register_nav_menu($key, THEMENAME.’ ‘.$name);
    }
    }

    $avia_config[‘nav_menus’] = array( ‘avia’ => array(‘html’ => __(‘Main Menu’, ‘avia_framework’)),
    ‘avia2’ => array(
    ‘html’ => ”.__(‘Secondary Menu’, ‘avia_framework’).’ <br/><small>(‘.__(‘Will be displayed if you selected a header layout that supports a submenu’, ‘avia_framework’).’ ‘.__(‘here’, ‘avia_framework’).’)</small>’,
    ‘plain’=> __(‘Secondary Menu – will be displayed if you selected a header layout that supports a submenu’, ‘avia_framework’)),
    ‘avia3’ => array(
    ‘html’ => __(‘Footer Menu <br/><small>(no dropdowns)</small>’, ‘avia_framework’),
    ‘plain’=> __(‘Footer Menu (no dropdowns)’, ‘avia_framework’))
    );

    avia_nav_menus(); //call the function immediatly to activate
    }

    /*
    * load some frontend functions in folder include:
    */

    require_once( ‘includes/admin/register-portfolio.php’ ); // register custom post types for portfolio entries
    require_once( ‘includes/admin/register-widget-area.php’ ); // register sidebar widgets for the sidebar and footer
    require_once( ‘includes/loop-comments.php’ ); // necessary to display the comments properly
    require_once( ‘includes/helper-template-logic.php’ ); // holds the template logic so the theme knows which tempaltes to use
    require_once( ‘includes/helper-social-media.php’ ); // holds some helper functions necessary for twitter and facebook buttons
    require_once( ‘includes/helper-post-format.php’ ); // holds actions and filter necessary for post formats
    require_once( ‘includes/helper-markup.php’ ); // holds the markup logic (schema.org and html5)
    require_once( ‘includes/helper-assets.php’ ); // holds asset managment functions
    require_once( ‘includes/helper-privacy.php’ ); // holds privacy managment shortcodes and functions

    if(current_theme_supports(‘avia_conditionals_for_mega_menu’))
    {
    require_once( ‘includes/helper-conditional-megamenu.php’ ); // holds the walker for the responsive mega menu
    }

    require_once( ‘includes/helper-responsive-megamenu.php’ ); // holds the walker for the responsive mega menu

    //adds the plugin initalization scripts that add styles and functions

    require_once( ‘config-bbpress/config.php’ ); //compatibility with bbpress forum plugin
    require_once( ‘config-templatebuilder/config.php’ ); //templatebuilder plugin
    require_once( ‘config-gravityforms/config.php’ ); //compatibility with gravityforms plugin
    require_once( ‘config-woocommerce/config.php’ ); //compatibility with woocommerce plugin
    require_once( ‘config-wordpress-seo/config.php’ ); //compatibility with Yoast WordPress SEO plugin
    require_once( ‘config-menu-exchange/config.php’ ); //compatibility with Zen Menu Logic and Themify_Conditional_Menus plugin

    if(!current_theme_supports(‘deactivate_tribe_events_calendar’))
    {
    require_once( ‘config-events-calendar/config.php’ ); //compatibility with the Events Calendar plugin
    }

    // if(is_admin())
    require_once( ‘includes/admin/helper-compat-update.php’); // include helper functions for new versions

    /*
    * dynamic styles for front and backend
    */

    if(!function_exists(‘avia_custom_styles’))
    {
    function avia_custom_styles()
    {
    require_once( ‘includes/admin/register-dynamic-styles.php’ ); // register the styles for dynamic frontend styling
    avia_prepare_dynamic_styles();
    }

    add_action(‘init’, ‘avia_custom_styles’, 20);
    add_action(‘admin_init’, ‘avia_custom_styles’, 20);
    }

    /*
    * activate framework widgets
    */

    if(!function_exists(‘avia_register_avia_widgets’))
    {
    function avia_register_avia_widgets()
    {
    register_widget( ‘avia_newsbox’ );
    register_widget( ‘avia_portfoliobox’ );
    register_widget( ‘avia_socialcount’ );
    register_widget( ‘avia_partner_widget’ );
    register_widget( ‘avia_google_maps’ );
    register_widget( ‘avia_fb_likebox’ );
    register_widget( ‘avia_instagram_widget’ );

    }

    avia_register_avia_widgets(); //call the function immediatly to activate
    }

    /*
    * add post format options
    */

    add_theme_support( ‘post-formats’, array(‘link’, ‘quote’, ‘gallery’,’video’,’image’,’audio’ ) );

    /*
    * Remove the default shortcode function, we got new ones that are better ;)
    */

    add_theme_support( ‘avia-disable-default-shortcodes’, true);

    /*
    * compat mode for easier theme switching from one avia framework theme to another
    */

    add_theme_support( ‘avia_post_meta_compat’);

    /*
    * make sure that enfold widgets dont use the old slideshow parameter in widgets, but default post thumbnails
    */

    add_theme_support(‘force-post-thumbnails-in-widget’);

    /*
    * display page titles via wordpress default output
    *
    * @since 3.6
    */

    function av_theme_slug_setup()
    {
    add_theme_support( ‘title-tag’ );
    }

    add_action( ‘after_setup_theme’, ‘av_theme_slug_setup’ );

    /*title fallback (up to WP 4.1)*/

    if ( ! function_exists( ‘_wp_render_title_tag’ ) )
    {
    function av_theme_slug_render_title()
    {
    echo “<title>” . avia_set_title_tag() .”</title>”;
    }
    add_action( ‘wp_head’, ‘av_theme_slug_render_title’ );
    }

    /*
    * register custom functions that are not related to the framework but necessary for the theme to run
    */

    require_once( ‘functions-enfold.php’);

    /*
    * add option to edit elements via css class
    */
    // add_theme_support(‘avia_template_builder_custom_css’);

    // Defer Javascripts – added by #SG. Meant to be at the very end of the code.
    // Defer jQuery Parsing using the HTML5 defer property
    if (!(is_admin() )) {
    function defer_parsing_of_js ( $url ) {
    if ( FALSE === strpos( $url, ‘.js’ ) ) return $url;
    if ( strpos( $url, ‘jquery.js’ ) ) return $url;
    // return “$url’ defer “;
    return “$url’ defer onload='”;
    }
    add_filter( ‘clean_url’, ‘defer_parsing_of_js’, 11, 1 );
    }
    //End of added code by #SG

    #1004300

    Hi,

    I fixed it for you. I used this code:

    
    <?php
    /**
     * Featured Image Slider
     * 
     * Display a Slideshow of featured images from various posts
     */
    if ( ! defined( 'ABSPATH' ) ) {  exit;  }    // Exit if accessed directly
    
    if ( !class_exists( 'avia_sc_featureimage_slider' ))
    {
    	class avia_sc_featureimage_slider extends aviaShortcodeTemplate
    	{
    
    		static $slide_count = 0;
    
    		/**
    		 * Create the config array for the shortcode button
    		 */
    		function shortcode_insert_button()
    		{
    			/**
    			 * inconsistent behaviour up to 4.2: a new element was created with a close tag, after editing it was self closing !!!
    			 * @since 4.2.1: We make new element self closing now because no id='content' exists.
    			 */
    			$this->config['self_closing']	=	'yes';
    
    			$this->config['name']		= __('Featured Image Slider', 'avia_framework' );
    			$this->config['tab']		= __('Media Elements', 'avia_framework' );
    			$this->config['icon']		= AviaBuilder::$path['imagesURL']."sc-postslider.png";
    			$this->config['order']		= 30;
    			$this->config['target']		= 'avia-target-insert';
    			$this->config['shortcode'] 	= 'av_feature_image_slider';
    			$this->config['tooltip'] 	= __('Display a Slideshow of featured images from various posts', 'avia_framework' );
    			$this->config['drag-level'] = 3;
    			$this->config['preview'] 		= 0;
    			$this->config['disabling_allowed'] = true;
    		}
    
    		function extra_assets()
    			{
    				//load css
    				wp_enqueue_style( 'avia-module-slideshow' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/slideshow/slideshow.css' , array('avia-layout'), false );
    				wp_enqueue_style( 'avia-module-slideshow-feature-image' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/slideshow_feature_image/slideshow_feature_image.css' , array('avia-module-slideshow'), false );
    
    					//load js
    				wp_enqueue_script( 'avia-module-slideshow' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/slideshow/slideshow.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"  => __("Slider Content" , 'avia_framework'),
    					'nodescription' => true
    				),
    
    				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,
    						"std" 	=> "category"
    				),
    
    				array(
    						"name" 	=> __("WooCommerce Product visibility?", 'avia_framework' ),
    						"desc" 	=> __("Select the visibility of WooCommerce products. Default setting can be set at Woocommerce -&gt Settings -&gt Products -&gt Inventory -&gt Out of stock visibility", 'avia_framework' ),
    						"id" 	=> "wc_prod_visible",
    						"type" 	=> "select",
    						"std" 	=> "",
    						"required" => array( 'link', 'parent_in_array', implode( ' ', get_object_taxonomies( 'product', 'names' ) ) ),
    						"subtype" => array(
    							__('Use default WooCommerce Setting (Settings -> Products -> Out of stock visibility)',  'avia_framework' ) => '',
    							__('Hide products out of stock',  'avia_framework' ) => 'hide',
    							__('Show products out of stock',  'avia_framework' )  => 'show')
    					),
    
    				array(
    						"name" 	=> __( "Sorting Options", 'avia_framework' ),
    						"desc" 	=> __( "Here you can choose how to sort the products. Default setting can be set at Woocommerce -&gt Settings -&gt Products -&gt Display -&gt Default product sorting", 'avia_framework' ),
    						"id" 	=> "prod_order_by",
    						"type" 	=> "select",
    						"std" 	=> "",
    						"required" => array( 'link', 'parent_in_array', implode( ' ', get_object_taxonomies( 'product', 'names' ) ) ),
    						"subtype" => array( 
    								__('Use defaut (defined at Woocommerce -> Settings -&gt Default product sorting) ', 'avia_framework' ) =>	'',
    								__('Sort alphabetically', 'avia_framework' )			=>	'title',
    								__('Sort by most recent', 'avia_framework' )			=>	'date',
    								__('Sort by price', 'avia_framework' )					=>	'price',
    								__('Sort by popularity', 'avia_framework' )				=>	'popularity',
    								__('Sort randomly', 'avia_framework' )					=>	'rand'
    							)
    					),
    
    				array(
    						"name" 	=> __( "Sorting Order", 'avia_framework' ),
    						"desc" 	=> __( "Here you can choose the order of the result products. Default setting can be set at Woocommerce -&gt Settings -&gt Products -&gt Display -&gt Default product sorting", 'avia_framework' ),
    						"id" 	=> "prod_order",
    						"type" 	=> "select",
    						"std" 	=> "",
    						"required" => array( 'link', 'parent_in_array', implode( ' ', get_object_taxonomies( 'product', 'names' ) ) ),
    						"subtype" => array( 
    								__('Use defaut (defined at Woocommerce -&gt Settings -&gt Default product sorting)', 'avia_framework' ) =>	'',
    								__('Ascending', 'avia_framework' )			=>	'ASC',
    								__('Descending', 'avia_framework' )			=>	'DESC'
    							)
    					),
    
    				array(
    						"name" 	=> __("Entry Number", 'avia_framework' ),
    						"desc" 	=> __("How many items should be displayed?", '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 element.", 'avia_framework' ),
                        "id" 	=> "offset",
                        "type" 	=> "select",
                        "std" 	=> "enforce_duplicates",
                        "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',
    	                    __('Enforce duplicates (if a blog element on the page should show the same entries as this slider use this setting)', 'avia_framework' ) =>'enforce_duplicates'
    
    	                    	)
                        )
                        ),
    
    				array(
    						"name" 	=> __("Title and Read More Button",'avia_framework' ),
    						"desc" 	=> __("Choose if you want to only display the post title or title and a call to action button",'avia_framework' ),
    						"id" 	=> "contents",
    						"type" 	=> "select",
    						"std" 	=> "title",
    						"subtype" => array(
    							__('Only Title',  'avia_framework' ) =>'title',
    							__('Title + Read More Button',  'avia_framework' ) =>'title_read_more',
    							__('Title + Excerpt + Read More Button',  'avia_framework' ) =>'title_excerpt_read_more',
    							)
    					),
    
    				array(
    		                    "name"  => __("Slider Width/Height Ratio", 'avia_framework' ),
    		                    "desc"  => __("The slider will always stretch the full available width. Here you can enter the corresponding height (eg: 4:3, 16:9) or a fixed height in px (eg: 300px)", 'avia_framework' ),
    		                    "id"    => "slider_size",
    		                    "type" 	=> "input",
    							"std" 	=> "16:9",
    					),				
    
    				array(
    							"name" 	=> __("Preview Image Size", 'avia_framework' ),
    							"desc" 	=> __("Set the image size of the preview images", 'avia_framework' ),
    							"id" 	=> "preview_mode",
    							"type" 	=> "select",
    							"std" 	=> "auto",
    							"subtype" => array(
    
    							__('Set the preview image size automatically based on slider height','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" 	=> __("Slideshow control styling?",'avia_framework' ),
    						"desc" 	=> __("Here you can select if and how to display the slideshow controls",'avia_framework' ),
    						"id" 	=> "control_layout",
    						"type" 	=> "select",
    						"std" 	=> "",
    						"subtype" => array(__('Default','avia_framework' ) =>'av-control-default',__('Minimal White','avia_framework' ) =>'av-control-minimal', __('Minimal Black','avia_framework' ) =>'av-control-minimal av-control-minimal-dark',__('Hidden','avia_framework' ) =>'av-control-hidden')),	
    
    				array(
    				"type" 	=> "close_div",
    				'nodescription' => true
    					),
    
    				array(
    						"type" 	=> "tab",
    						"name"	=> __("Slider Transitions",'avia_framework' ),
    						'nodescription' => true
    					),
    
    				array(
    							"name" 	=> __("Transition", 'avia_framework' ),
    							"desc" 	=> __("Choose the transition for your Slider.", 'avia_framework' ),
    							"id" 	=> "animation",
    							"type" 	=> "select",
    							"std" 	=> "fade",
    							"subtype" => array(__('Slide','avia_framework' ) =>'slide',__('Fade','avia_framework' ) =>'fade'),
    							),
    
    				array(
    						"name" 	=> __("Autorotation active?",'avia_framework' ),
    						"desc" 	=> __("Check if the slideshow should rotate by default",'avia_framework' ),
    						"id" 	=> "autoplay",
    						"type" 	=> "select",
    						"std" 	=> "no",
    						"subtype" => array(__('Yes','avia_framework' ) =>'yes',__('No','avia_framework' ) =>'no')),
    
    				array(
    					"name" 	=> __("Slideshow autorotation duration",'avia_framework' ),
    					"desc" 	=> __("Slideshow will rotate every X seconds",'avia_framework' ),
    					"id" 	=> "interval",
    					"type" 	=> "select",
    					"std" 	=> "5",
    					"required" 	=> array('autoplay','equals','yes'),
    					"subtype" =>
    					array('3'=>'3','4'=>'4','5'=>'5','6'=>'6','7'=>'7','8'=>'8','9'=>'9','10'=>'10','15'=>'15','20'=>'20','30'=>'30','40'=>'40','60'=>'60','100'=>'100')),
    
    				array(
    				"type" 	=> "close_div",
    				'nodescription' => true
    				),	
    
    				array(
    						"type" 	=> "tab",
    						"name"	=> __("Slide Overlay",'avia_framework' ),
    						'nodescription' => true
    					),	
    
    				array(	
    										"name" 	=> __("Enable Overlay?", 'avia_framework' ),
    										"desc" 	=> __("Check if you want to display a transparent color and/or pattern overlay above your slideshow image/video", 'avia_framework' ),
    										"id" 	=> "overlay_enable",
    										"std" 	=> "",
    										"type" 	=> "checkbox"),
    
    								 array(
    									"name" 	=> __("Overlay Opacity",'avia_framework' ),
    									"desc" 	=> __("Set the opacity of your overlay: 0.1 is barely visible, 1.0 is opaque ", 'avia_framework' ),
    									"id" 	=> "overlay_opacity",
    									"type" 	=> "select",
    									"std" 	=> "0.5",
    			                        "required" => array('overlay_enable','not',''),
    									"subtype" => array(   __('0.1','avia_framework' )=>'0.1',
    									                      __('0.2','avia_framework' )=>'0.2',
    									                      __('0.3','avia_framework' )=>'0.3',
    									                      __('0.4','avia_framework' )=>'0.4',
    									                      __('0.5','avia_framework' )=>'0.5',
    									                      __('0.6','avia_framework' )=>'0.6',
    									                      __('0.7','avia_framework' )=>'0.7',
    									                      __('0.8','avia_framework' )=>'0.8',
    									                      __('0.9','avia_framework' )=>'0.9',
    									                      __('1.0','avia_framework' )=>'1',
    									                      )
    							  		),
    
    							  	array(
    										"name" 	=> __("Overlay Color", 'avia_framework' ),
    										"desc" 	=> __("Select a custom  color for your overlay here. Leave empty if you want no color overlay", 'avia_framework' ),
    										"id" 	=> "overlay_color",
    										"type" 	=> "colorpicker",
    			                        	"required" => array('overlay_enable','not',''),
    										"std" 	=> "",
    									),
    
    							  	array(
    			                        "required" => array('overlay_enable','not',''),
    									"id" 	=> "overlay_pattern",
    									"name" 	=> __("Background Image", 'avia_framework'),
    									"desc" 	=> __("Select an existing or upload a new background image", 'avia_framework'),
    									"type" 	=> "select",
    									"subtype" => array(__('No Background Image', 'avia_framework')=>'',__('Upload custom image', 'avia_framework')=>'custom'),
    									"std" 	=> "",
    									"folder" => "images/background-images/",
    									"folderlabel" => "",
    									"group" => "Select predefined pattern",
    									"exclude" => array('fullsize-', 'gradient')
    								),
    
    							  	array(
    										"name" 	=> __("Custom Pattern",'avia_framework' ),
    										"desc" 	=> __("Upload your own seamless pattern",'avia_framework' ),
    										"id" 	=> "overlay_custom_pattern",
    										"type" 	=> "image",
    										"fetch" => "url",
    										"secondary_img"=>true,
    			                        	"required" => array('overlay_pattern','equals','custom'),
    										"title" => __("Insert Pattern",'avia_framework' ),
    										"button" => __("Insert",'avia_framework' ),
    										"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(
    									"name" 	=> __("Caption Title Font Size",'avia_framework' ),
    									"desc" 	=> __("Set the font size for the element title, based on the device screensize.", 'avia_framework' ),
    									"type" 	=> "heading",
    									"description_class" => "av-builder-note av-neutral",
    									),
    
    									array(	"name" 	=> __("Font Size for medium sized screens (between 768px and 989px - eg: Tablet Landscape)", 'avia_framework' ),
    						            "id" 	=> "av-medium-font-size-title",
    						            "type" 	=> "select",
    						            "subtype" => AviaHtmlHelper::number_array(10,120,1, array( __("Default", 'avia_framework' )=>'' , __("Hidden", 'avia_framework' )=>'hidden' ), "px"),
    						            "std" => ""),
    
    						            array(	"name" 	=> __("Font Size for small screens (between 480px and 767px - eg: Tablet Portrait)", 'avia_framework' ),
    						            "id" 	=> "av-small-font-size-title",
    						            "type" 	=> "select",
    						            "subtype" => AviaHtmlHelper::number_array(10,120,1, array( __("Default", 'avia_framework' )=>'', __("Hidden", 'avia_framework' )=>'hidden'), "px"),
    						            "std" => ""),
    
    									array(	"name" 	=> __("Font Size for very small screens (smaller than 479px - eg: Smartphone Portrait)", 'avia_framework' ),
    						            "id" 	=> "av-mini-font-size-title",
    						            "type" 	=> "select",
    						            "subtype" => AviaHtmlHelper::number_array(10,120,1, array( __("Default", 'avia_framework' )=>'', __("Hidden", 'avia_framework' )=>'hidden'), "px"),
    						            "std" => ""),
    
    						        array(
    									"name" 	=> __("Caption Content Font Size",'avia_framework' ),
    									"desc" 	=> __("Set the font size for the element content, based on the device screensize.", 'avia_framework' ),
    									"type" 	=> "heading",
    									"description_class" => "av-builder-note av-neutral",
    									),
    
    									array(	"name" 	=> __("Font Size for medium sized screens (between 768px and 989px - eg: Tablet Landscape)", 'avia_framework' ),
    						            "id" 	=> "av-medium-font-size",
    						            "type" 	=> "select",
    						            "subtype" => AviaHtmlHelper::number_array(10,120,1, array( __("Default", 'avia_framework' )=>'', __("Hidden", 'avia_framework' )=>'hidden'), "px"),
    						            "std" => ""),
    
    						            array(	"name" 	=> __("Font Size for small screens (between 480px and 767px - eg: Tablet Portrait)", 'avia_framework' ),
    						            "id" 	=> "av-small-font-size",
    						            "type" 	=> "select",
    						            "subtype" => AviaHtmlHelper::number_array(10,120,1, array( __("Default", 'avia_framework' )=>'', __("Hidden", 'avia_framework' )=>'hidden'), "px"),
    						            "std" => ""),
    
    									array(	"name" 	=> __("Font Size for very small screens (smaller than 479px - eg: Smartphone Portrait)", 'avia_framework' ),
    						            "id" 	=> "av-mini-font-size",
    						            "type" 	=> "select",
    						            "subtype" => AviaHtmlHelper::number_array(10,120,1, array( __("Default", 'avia_framework' )=>'', __("Hidden", 'avia_framework' )=>'hidden'), "px"),
    						            "std" => ""), 
    
    							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",
                            "multiple"	=> 6,
                            "std" 	=> "",
                            "subtype" => AviaHtmlHelper::get_registered_post_type_array()
                        );
    
                        array_unshift($this->elements, $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['innerHtml'].= "
    <div class='avia-flex-element'>"; 
    				$params['innerHtml'].= 		__('This element will stretch across the whole screen by default.','avia_framework')."
    ";
    				$params['innerHtml'].= 		__('If you put it inside a color section or column it will only take up the available space','avia_framework');
    				$params['innerHtml'].= "
    <div class='avia-flex-element-2nd'>".__('Currently:','avia_framework');
    				$params['innerHtml'].= "	<span class='avia-flex-element-stretched'>&laquo; ".__('Stretch fullwidth','avia_framework')." &raquo;</span>";
    				$params['innerHtml'].= "	<span class='avia-flex-element-content'>| ".__('Adjust to content width','avia_framework')." |</span>";
    				$params['innerHtml'].= "</div>
    </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 = "")
    		{
    			if(isset($atts['link']))
    			{
    				$atts['link'] = explode(',', $atts['link'], 2 );
    				$atts['taxonomy'] = $atts['link'][0];
    
    				if(isset($atts['link'][1]))
    				{
    					$atts['categories'] = $atts['link'][1];
    				}
    			}
    
    			// $atts['class'] = $meta['el_class'];
    
    			extract(AviaHelper::av_mobile_sizes($atts)); //return $av_font_classes, $av_title_font_classes and $av_display_classes 
    			extract($atts);
    			$output  	= "";
    		    $class = "";
    
    			$skipSecond = false;
    			avia_sc_featureimage_slider::$slide_count++;
    
    			$params['class'] = "avia-featureimage-slider-wrap main_color  {$av_display_classes} ".$meta['el_class'].$class;
    			$params['open_structure'] = false;
    
    			$params['custom_markup'] = $atts['custom_markup'] = $meta['custom_markup'];
    
    			//we dont need a closing structure if the element is the first one or if a previous fullwidth element was displayed before
    			if($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($meta['index'] != 0) $params['class'] .= " slider-not-first";
    
    			$params['id'] = "avia_feature_image_slider_".avia_sc_slider_full::$slide_count;
    
    			$slider  = new avia_feature_image_slider($atts);
    			$slider->query_entries();
    			$slide_html = $slider->html();
    
    			//if the element is nested within a section or a column dont create the section shortcode around it
    			if(!ShortcodeHelper::is_top_level()) return $slide_html;
    
    			// $slide_html  = "
    <div class='container'>" . $slide_html . "</div>
    ";
    
    			$output .=  avia_new_section($params);
    			$output .= 	$slide_html;
    			$output .= "</div>
    "; //close section
    
    			//if the next tag is a section dont create a new section from this shortcode
    			if(!empty($meta['siblings']['next']['tag']) && in_array($meta['siblings']['next']['tag'],  AviaBuilder::$full_el ))
    			{
    			    $skipSecond = true;
    			}
    
    			//if there is no next element dont create a new section.
    			if(empty($meta['siblings']['next']['tag']))
    			{
    			    $skipSecond = true;
    			}
    
    			if(empty($skipSecond)) {
    
    			$output .= avia_new_section(array('close'=>false, 'id' => "after_full_slider_".avia_sc_slider_full::$slide_count));
    
    			}
    
    			return $output;
    
    		}
    
    	}
    }
    
    if ( !class_exists( 'avia_feature_image_slider' ) )
    {
    	class avia_feature_image_slider
    	{
    		static  $slider = 0;
    		protected $slide_count = 0;
    		protected $atts;
    		protected $entries;
    
    		function __construct($atts = array())
    		{
    
    			$this->screen_options = AviaHelper::av_mobile_sizes($atts); //return $av_font_classes, $av_title_font_classes and $av_display_classes 
    
    			$this->atts = shortcode_atts(array(	'items' 		=> '16',
    		                                 		'taxonomy'  	=> 'category',
    		                                 		'post_type'		=> get_post_types(),
    		                                 		'contents' 		=> 'title',
    		                                 		'preview_mode' 	=> 'auto',
    												'image_size' 	=> 'portfolio',
    		                                 		'autoplay'  	=> 'no',
    												'animation' 	=> 'fade',
    												'paginate'		=> 'no',
                                                    'use_main_query_pagination' => 'no',
    												'interval'  	=> 5,
    												'class'			=> '',
    		                                 		'categories'	=> array(),
    												'wc_prod_visible'	=>	'',
    												'prod_order_by'		=>	'',
    												'prod_order'		=>	'',
    		                                 		'custom_query'	=> array(),
    		                                 		'lightbox_size' => 'large',
                                                    'offset' 		=> 0,
                                                    'bg_slider'		=>true,
                                                    'keep_pading' 	=> true,
                                                    'custom_markup' => '',
                                                    'slider_size' 	=> '16:9',
                                                    'control_layout'	=> '',
                                                    'overlay_enable' 	=> '',
    				    							'overlay_opacity' 	=> '',
    				    							'overlay_color' 	=> '',
    				    							'overlay_pattern' 	=> '',
    				    							'overlay_custom_pattern' => '',
    
    		                                 		), $atts, 'av_feature_image_slider');
    
    		   if($this->atts['autoplay'] == "no")   
    		   	$this->atts['autoplay'] = false;                               		
    
    		}
    
    		public function html()
    		{
    			$html 		= "";
    			$counter 	= 0;
    			$style   	= "";
    			$extraClass = "";
    			$style 		= "";
    			avia_feature_image_slider::$slider++;
    
    			if($this->slide_count == 0) return $html;
    
    			if(!empty($this->atts['default-height']))
    			{
    				$style = "style='padding-bottom: {{av-default-heightvar}}%;'";
    				$extraClass .= " av-default-height-applied";
    			}
    
    			if(strpos( $this->atts['slider_size'] , ":") !== false)
    			{
    				$ratio = explode(':',trim($this->atts['slider_size']));
    				if(empty($ratio[0])) $ratio[0] = 16;
    				if(empty($ratio[1])) $ratio[1] = 9;
    				$final_ratio = ((int) $ratio[0] / (int) $ratio[1]);
    				$def_height = "padding-bottom:" . (100/$final_ratio). "%";
    
    			}
    			else
    			{
    				$def_height  = (int) $this->atts['slider_size'];
    				$def_height  = "height: {$def_height}px";
    			}
    
    			extract($this->screen_options);
    
    			$style = "style='{$def_height}'";
    			if(!empty($this->atts['control_layout'])) $extraClass .= " ".$this->atts['control_layout'];
    
                $markup = avia_markup_helper(array('context' => 'image','echo'=>false, 'custom_markup'=>$this->atts['custom_markup']));
    
    			$data = AviaHelper::create_data_string($this->atts);
    
    			$html .= "
    <div {$data} class='avia-slideshow avia-featureimage-slideshow avia-animated-caption {$av_display_classes} avia-slideshow-".avia_sc_featureimage_slider::$slide_count." {$extraClass} avia-slideshow-".$this->atts['image_size']."  ".$this->atts['class']." avia-".$this->atts['animation']."-slider ' $markup>";
    
    			$html .= "
    <ul class='avia-slideshow-inner avia-slideshow-fixed-height' {$style}>";
    
    			$html .= $this->default_slide();
    
    			$html .= "</ul>
    ";
    
    			if($this->slide_count > 1)
    			{
    				$html .= $this->slide_navigation_arrows();
    				$html .= $this->slide_navigation_dots();
    			}
    
    			if(!empty($this->atts['caption_override'])) $html .= $this->atts['caption_override'];
    
    			$html .= "</div>
    ";
    
    			if(!empty($this->atts['default-height']))
    			{
    				$html = str_replace('{{av-default-heightvar}}', $this->atts['default-height'], $html);
    			}
    
    			return $html;
    		}
    
    		//function that renders the usual slides. use when we didnt use sub-shorcodes to define the images but ids
    		protected function default_slide()
    		{
    			$html = "";
    			$counter = 0;
    
    			extract($this->screen_options);
    
                $markup_url = avia_markup_helper(array('context' => 'image_url','echo'=>false, 'custom_markup'=>$this->atts['custom_markup']));
    
    			foreach ($this->entries->posts as $slide)
    			{
    					$counter ++;
    					$thumb_id = get_post_thumbnail_id( $slide->ID );
    					$slide_class = "";
    
    					$img 	 = wp_get_attachment_image_src($thumb_id, $this->atts['image_size']);
    					$link	 = get_post_meta( $slide->ID ,'_portfolio_custom_link', true ) != "" ? get_post_meta( $slide->ID ,'_portfolio_custom_link_url', true ) : get_permalink( $slide->ID );
    					$title	 = get_the_title( $slide->ID );
    
    					$caption  = "";
     					$caption .= '
    <div class="caption_fullwidth av-slideshow-caption caption_center">';
    					$caption .= '
    <div class="container caption_container">';
    					$caption .= '
    <div class="slideshow_caption">';
    					$caption .= '
    <div class="slideshow_inner_caption">';
    					$caption .= '
    <div class="slideshow_align_caption">';
    					//$caption .= '
    <h2 class="avia-caption-title"><a href="'.$link.'">'.$title.'</a></h2>
    ';
    
    					if(strpos($this->atts['contents'], 'excerpt')  !== false)
    					{
    						$excerpt = !empty($slide->post_excerpt) ? $slide->post_excerpt : avia_backend_truncate($slide->post_content, apply_filters( 'avf_feature_image_slider_excerpt_length' , 320) , apply_filters( 'avf_feature_image_slider_excerpt_delimiter' , " "), "…", true, '');
    
    						if(!empty($excerpt)){
    							$caption .= '
    <div class="avia-caption-content '.$av_font_classes.'" itemprop="description">';
    							$caption .= wpautop($excerpt);
    							$caption .= '</div>
    ';
    						}
    					}
    
    					if(strpos($this->atts['contents'], 'read_more')  !== false)
    					{
    						$caption .= ' <a href="'.$link.'" class="avia-slideshow-button avia-button avia-color-light " data-duration="800" data-easing="easeInOutQuad">'.__('Read more', 'avia_framework').'</a>';
    
    					}
    					$caption .= '</div>
    ';
    					$caption .= '</div>
    ';
    					$caption .= '</div>
    ';
    					$caption .= '</div>
    ';
    					$caption .= $this->create_overlay();
    					$caption .= '</div>
    ';
    
    					$slide_data = "data-img-url='".$img[0]."'";
    
    					if(empty($img)) $slide_class .= " av-no-image-slider";
    
    					$html .= "<a href=".$link.">
     	<li {$slide_data} class='slide-{$counter} {$slide_class} slide-id-".$slide->ID."'>";
    					$html .= $caption;
    					$html .= "</a></li>
    ";
    			}
    
    			return $html;
    		}
    
    		protected function slide_navigation_dots()
    		{
    			$html   = "";
    			$html  .= "
    <div class='avia-slideshow-dots avia-slideshow-controls'>";
    			$active = "active";
    
    			for($i = 1; $i <= $this->slide_count; $i++)
    			{
    				$html .= "<a href='#{$i}' class='goto-slide {$active}' >{$i}</a>";
    				$active = "";
    			}
    
    			$html .= "</div>
    ";
    
    			return $html;
    		}
    
    		protected function slide_navigation_arrows()
    		{
    			$html  = "";
    			$html .= "
    <div class='avia-slideshow-arrows avia-slideshow-controls'>";
    			$html .= 	"<a href='#prev' class='prev-slide' ".av_icon_string('prev_big').">".__('Previous','avia_framework' )."</a>";
    			$html .= 	"<a href='#next' class='next-slide' ".av_icon_string('next_big').">".__('Next','avia_framework' )."</a>";
    			$html .= "</div>
    ";
    
    			return $html;
    		}
    
    		protected function create_overlay()
    		{
    			extract($this->atts);
    
    			/*check/create overlay*/
    			$overlay = "";
    			if(!empty($overlay_enable))
    			{
    				$overlay_src = "";
    				$overlay = "opacity: {$overlay_opacity}; ";
    				if(!empty($overlay_color)) $overlay .= "background-color: {$overlay_color}; ";
    				if(!empty($overlay_pattern))
    				{
    					if($overlay_pattern == "custom")
    					{
    						$overlay_src = $overlay_custom_pattern;
    					}
    					else
    					{
    						$overlay_src = str_replace('{{AVIA_BASE_URL}}', AVIA_BASE_URL, $overlay_pattern);
    					}
    				}
    
    				if(!empty($overlay_src)) $overlay .= "background-image: url({$overlay_src}); background-repeat: repeat;";
    				$overlay = "
    <div class='av-section-color-overlay' style='{$overlay}'></div>
    ";
    			}
    
    			return $overlay;
    		}
    
    		//fetch new entries
    		public function query_entries($params = array())
    		{
    			global $avia_config;
    
    			if(empty($params)) $params = $this->atts;
    
    			if(empty($params['custom_query']))
                {
    				$query = array();
    
    				if(!empty($params['categories']))
    				{
    					//get the portfolio 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 we find no terms for the taxonomy fetch all taxonomy terms
    				if(empty($terms[0]) || is_null($terms[0]) || $terms[0] === "null")
    				{
    					$terms = array();
    					$allTax = get_terms( $params['taxonomy']);
    					foreach($allTax as $tax)
    					{
    						$terms[] = $tax->term_id;
    					}
    
    				}
    
    				if($params['offset'] == 'no_duplicates')
                    {
                        $params['offset'] = 0;
                        $no_duplicates = true;
                    }
    
                    if($params['offset'] == 'enforce_duplicates')
                    {
                        $params['offset'] = 0;
                        $no_duplicates = false;
                    }
    
                    if(empty($params['post_type'])) $params['post_type'] = get_post_types();
                    if(is_string($params['post_type'])) $params['post_type'] = explode(',', $params['post_type']);
    
    				$orderby = 'date';
    				$order = 'DESC';
    
    				// Meta query - replaced by Tax query in WC 3.0.0
    				$meta_query = array();
    				$tax_query = array();
    
    				// check if taxonomy are set to product or product attributes
    				$tax = get_taxonomy( $params['taxonomy'] );
    
    				if( class_exists( 'WooCommerce' ) && is_object( $tax ) && isset( $tax->object_type ) && in_array( 'product', (array) $tax->object_type ) )
    				{
    					$avia_config['woocommerce']['disable_sorting_options'] = true;
    
    					avia_wc_set_out_of_stock_query_params( $meta_query, $tax_query, $params['wc_prod_visible'] );
    
    						//	sets filter hooks !!
    					$ordering_args = avia_wc_get_product_query_order_args( $params['prod_order_by'], $params['prod_order'] );
    
    					$orderby = $ordering_args['orderby'];
    					$order = $ordering_args['order'];
    				}	
    
    				if( ! empty( $terms ) )
    				{
    					$tax_query[] =  array(
    										'taxonomy' 	=>	$params['taxonomy'],
    										'field' 	=>	'id',
    										'terms' 	=>	$terms,
    										'operator' 	=>	'IN'
    								);
    				}				
    
    				$query = array(	'orderby'		=>	$orderby,
    								'order'			=>	$order,
    								'paged'			=>	$page,
    								'post_type'		=>	$params['post_type'],
    //								'post_status'	=>	'publish',
    								'offset'		=>	$params['offset'],
    								'posts_per_page' =>	$params['items'],
    								'post__not_in'	=>	( ! empty( $no_duplicates ) ) ? $avia_config['posts_on_current_page'] : array(),
    								'meta_query'	=>	$meta_query,
    								'tax_query'		=>	$tax_query
    							);
    
    			}
    			else
    			{
    				$query = $params['custom_query'];
    			}
    
    			$query = apply_filters('avia_feature_image_slider_query', $query, $params);
    
    			$this->entries = new WP_Query( $query );
    
    			$this->slide_count = count($this->entries->posts);
    
    		    // store the queried post ids in
                if( $this->entries->have_posts() && $params['offset'] != 'enforce_duplicates')
                {
                    while( $this->entries->have_posts() )
                    {
                        $this->entries->the_post();
                        $avia_config['posts_on_current_page'][] = get_the_ID();
                    }
                }
    
    			if( function_exists( 'WC' ) )
    			{
    				avia_wc_clear_catalog_ordering_args_filters();
    				$avia_config['woocommerce']['disable_sorting_options'] = false;
    			}
    
    		}
    	}
    }
    
    

    Best regards,
    Dude

    #1003807
    Levante Golf
    Participant

    Hi,

    I´m using the following code in order to restrict the height of specific fullwidth easysliders (Custom CSS Class – fullwidthpropage) :

    .fullwidthpropage .avia-slideshow-inner {
    max-height: 300px !important;
    }

    which is working great however I now need to center the images vertically. I´ve tried using the code:

    .fullwidthpropage .avia-slideshow li img {
    position: absolute;
    top: 300px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    }

    which I found in another thread however this is causing the easysliders to completely disappear from the screen!!?? Please see the link to the page below and the password required to access the page!

    Many thanks for your help in advance

    #1003783

    do you mean something like this – move over the image beyound the banner:
    https://art-varij.de/
    you don’t need a code block for it – just take a image alb element ( but do not choose the scale effect on it)
    i gave to the image alb element a custom-class: seen

    this is the css for it:

    .seen .avia-image-container-inner {
    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/second-image.jpg") no-repeat scroll 0 0 / cover ;
    }
    
    .seen .avia-image-container-inner img {
        opacity: 1;
        -webkit-transition: opacity 2s linear;
         transition: opacity 2s linear;
    }
    
    .seen:hover .avia-image-container-inner img {
        opacity: 0;
        -webkit-transition: opacity 2s linear;
         transition: opacity 2s linear;
    }
    #1003613

    Thanks for getting back so quickly, but not sure that’s answered my question. I know how to apply custom classes, but when inputting the code to style the elements in the quick css field, i don’t know how to reference a custom class (that has multiple elements assigned the same class) but only within a particular coloursection.

    #coloursection01ID .custom_image_class {top: 100px;}

    Assuming it is possible, the above code is missing something between the coloursection (id or class) and the image class,
    such as .container or .contents or .avia-element?

    I was hoping you may have the answer, so that i could apply some code to all the images via it’s custom class but also apply some additional code that only affects those images within a certain coloursection.

    Hi,
    The 6px is the padding for top & bottom, and the 0px is for left & right, so each line has it’s line height, plus a 6px padding for the bottom, and the next line has a 6px for the top plus it’s line height.
    But the bullet line itself doesn’t add this padding when it is very long and wraps to a second line, in that case it’s only the line height.
    I hope this makes sense.

    I did a lot of research into the line brakes and found that the text element will not support these line brakes
    I tested many “solutions” and the only one that works is to switch to the text tab and add this code:

    <br class="custom-break" />

    2018-08-28_233648
    But I didn’t think you would want to do that, so I came up with a different solution. You could add the HR from the expanded toolbar, and we could add a css rule that whenever it is used inside the text element it will be transparent. This way if you want to use the HR element from the builder between other elements it will show.
    2018-08-28_232952
    2018-08-28_234844
    This is the code we would add to your Quick CSS:

    .av_textblock_section .avia_textblock hr {
        border: none transparent !important; 
    }

    We could also adjust the thickness of it to suit your needs.

    Best regards,
    Mike

    #1002632

    Hey Nicolas,

    If you already have those columns, please try to add col-work in the Custom Css Class field.
    Then go to Enfold > General Styling > Quick CSS and add this code:

    #top .col-work {
        margin-left: 1% !important;
        margin-top: 0;
        margin-bottom: 10px;
    }
    
    #top .col-work.av_one_half {
        width: 49.5%;
    }
    
    #top .col-work.av_one_third {
        width: 31.83333332%;
    }
    
    #top .col-work.av_two_third {
        width: 67.16666667%;
    }
    
    #top .col-work.first {
        margin-left: 0 !important;
    }
    
    #top .col-work .avia-image-container-inner {
        position: relative;
        overflow: hidden;
        height: 272px;
        width: 100%;
    }
    
    #top .col-work .avia-image-container-inner img.avia_image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        min-height: 272px;
    }

    Hope it helps.

    Best regards,
    Nikko

    #1000373

    well first – take the logo center – navigation underneath.
    this will end in : that navigation is in header_main_alternate container and not in logo container.
    so this will be easy to set this (logo) to display: none (for the desktop screens)

    On Dashboard – Appearance – Menu

    the “navigation logo” is a custom link with img link in the navigation label ( something like : <img src="https://webers-testseite.de/weber/wp-content/uploads/2017/09/logo-top.png" alt="Logo" /> )
    go and let show the classes for menu links – i gave a class to this logo: logoimg

    so now the trick:
    you have to edit : avia-snippet-sticky-header.js
    on older enfolds this was part of avia.js but now we have an own external js file.

    you can see it here (and download it too): https://pastebin.com/h4LW4JHV

    on line 49. there is a new line:

    navlogo         = $('.logoimg img'),
    

    and this is in the script of shrinking the new usage of it on line 94:

    navlogo.css({'maxHeight': 2*newH + 'px'});
    

    so when we start at a normal header height of 100px – this navigation logo will start at 200px
    and on normal shrinking amount of 1/2 this will end at 100px

    to have a child-theme usage of this new file put this to your child-theme functions.php:

    
    add_action( 'wp_enqueue_scripts', 'wp_change_sticky_header_script', 100 );
    function wp_change_sticky_header_script() {
       wp_deregister_script( 'avia-sticky-header' );
       wp_enqueue_script( 'avia-sticky-header-child', get_stylesheet_directory_uri().'/js/avia-snippet-sticky-header.js', array('avia-default'), $vn, true);
    }

    put the file to child-theme/js folder

    the rest now is quick css :

    .logo, .logo a { display: none } 
    .container.av-logo-container { position: absolute }
    .logoimg .avia-menu-fx { display: none }
    
    /*** this is the menu-item for the logoimg menu point - you have to look what item id it has ***/
    #av-burger-menu-ul .menu-item-460 { display: none }
    
    /*** some styling ***/
    .logoimg img {
    -webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.9));
    filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.9))
    }
    
    @media only screen and (max-width: 767px){
    .container.av-logo-container { position: relative }
    .logo, .logo a { display: block }
    }

    now it depends on if you are having a sub-menu on top how to style the image: (you must know the menu-item id of the image)

    #menu-item-460 img {
        top: -35px !important;
        position: relative;
    }
    #999559
    Levante Golf
    Participant

    Hi,

    I´ve used the following code with custom css class “lmceasy” to restrict the height of 2 easy sliders and to center the image vertically:

    .lmceasy {
    height: 100px !important;
    overflow: hidden;
    }

    .avia-slideshow li img {
    margin-top: -20%;
    position: relative;
    }

    which has worked great but I only want to apply the centering vertically to these 2 easy sliders and not the others on the site. The custom class is working to restrict the easy slider height but if I add it to the centering code it doesn´t work. Where do I need to add “.lmceasy” to the second bit of code for it to only apply to these easy sliders?

    Many thanks

    #998942
    iMedicus
    Participant

    Hi,

    I’ve installed the Polylang plugin which allows the website to show translations for different languages. I’ve included the links to these pages in the main menu as flag icons (Netherlands-US-Lithuania), exactly as the Plugin tutorial showed. Now I am trying to decrease the space/margin/padding between the flags that are displayed in the main menu.
    Adding some basic margin code in de CSS for the flag list id’s doesn’t do the trick. Here’s the code of the main menu:

    <ul id="avia-menu" class="menu av-main-nav"><li id="menu-item-248" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-1"><a href="http://jardstruik.com/work/" itemprop="url" style=""><span class="avia-bullet"></span><span class="avia-menu-text">work</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
    <li id="menu-item-275" class="menu-item menu-item-type-post_type menu-item-object-page page_item page-item-273 current_page_item menu-item-mega-parent  menu-item-top-level menu-item-top-level-2 current-menu-item"><a href="http://jardstruik.com/bio/#top" itemprop="url" style=""><span class="avia-bullet"></span><span class="avia-menu-text">bio</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
    <li id="menu-item-272" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-3"><a href="http://jardstruik.com/contact/" itemprop="url" style=""><span class="avia-bullet"></span><span class="avia-menu-text">contact</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
    <li id="menu-item-257-nl" class="lang-item lang-item-38 lang-item-nl lang-item-first current-lang menu-item menu-item-type-custom menu-item-object-custom menu-item-top-level menu-item-top-level-4 current-menu-item"><a href="http://jardstruik.com/bio/#top" itemprop="url" style=""><span class="avia-bullet"></span><span class="avia-menu-text"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFXSURBVHjaYvzPgAD/UNlYEUAAkuTgCAAIBgJggq5VoAs1qM0vdzmMz362vezjokxPGimkEQ5WoAQEKuK71zwCCKyB4c//J8+BShn+/vv/+w/D399AEox+//8FJH/9/wUU+cUoKw20ASCAWBhEDf/LyDOw84BU//kDtgGI/oARmAHRDJQSFwVqAAggxo8fP/Ly8oKc9P8/AxjiAoyMjA8ePAAIIJZ///5BVIM0MOBWDpRlZPzz5w9AALH8gyvCbz7QBrCJAAHEyKDYX15r/+j1199//v35++/Xn7+///77DST/wMl/f4Dk378K4jx7O2cABBALw7NP77/+ev3xB0gOpOHfr99AdX9/gTVASKCGP//+8XCyMjC8AwggFoZfIHWSwpwQk4CW/AYjsKlA8u+ff////v33998/YPgBnQQQQIzAaGNg+AVGf5AYf5BE/oCjGEIyAQQYAGvKZ4C6+xXRAAAAAElFTkSuQmCC" title="Nederlands" alt="Nederlands"></span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
    <li id="menu-item-257-en" class="lang-item lang-item-34 lang-item-en no-translation menu-item menu-item-type-custom menu-item-object-custom menu-item-top-level menu-item-top-level-5"><a href="http://jardstruik.com/en/" itemprop="url" style=""><span class="avia-bullet"></span><span class="avia-menu-text"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHzSURBVHjaYkxOP8IAB//+Mfz7w8Dwi4HhP5CcJb/n/7evb16/APL/gRFQDiAAw3JuAgAIBEDQ/iswEERjGzBQLEru97ll0g0+3HvqMn1SpqlqGsZMsZsIe0SICA5gt5a/AGIEarCPtFh+6N/ffwxA9OvP/7//QYwff/6fZahmePeB4dNHhi+fGb59Y4zyvHHmCEAAAW3YDzQYaJJ93a+vX79aVf58//69fvEPlpIfnz59+vDhw7t37968efP3b/SXL59OnjwIEEAsDP+YgY53b2b89++/awvLn98MDi2cVxl+/vl6mituCtBghi9f/v/48e/XL86krj9XzwEEEENy8g6gu22rfn78+NGs5Ofr16+ZC58+fvyYwX8rxOxXr169fPny+fPn1//93bJlBUAAsQADZMEBxj9/GBxb2P/9+S/R8u3vzxuyaX8ZHv3j8/YGms3w8ycQARmi2eE37t4ACCDGR4/uSkrKAS35B3TT////wADOgLOBIaXIyjBlwxKAAGKRXjCB0SOEaeu+/y9fMnz4AHQxCP348R/o+l+//sMZQBNLEvif3AcIIMZbty7Ly6t9ZmXl+fXj/38GoHH/UcGfP79//BBiYHjy9+8/oUkNAAHEwt1V/vI/KBY/QSISFqM/GBg+MzB8A6PfYC5EFiDAABqgW776MP0rAAAAAElFTkSuQmCC" title="English" alt="English"></span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
    <li id="menu-item-257-lt" class="lang-item lang-item-31 lang-item-lt no-translation menu-item menu-item-type-custom menu-item-object-custom menu-item-top-level menu-item-top-level-6"><a href="http://jardstruik.com/lt/" itemprop="url" style=""><span class="avia-bullet"></span><span class="avia-menu-text"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGOSURBVHjaYvx9lYHhDwMc/PvD8A9EgRCEDSShbCBiYgAIIBagaiapZqCa////Mvz/x8zwl/n/P4b/f/7DEVDh/99ABsO/358urwQIIBYWJgYGRqCCZ4wgDSAVDP//QqSB6sDo1/9/v4GIkVUaaC5AALFc+sIg9evP719AM/5CjPz37zfYYJCif/9//YMw/v1iZf91/hUDQACx6O9hKHP9/ujLlz9///z59+f3v98g9Pf3LxD569ffXyA2mJTn4z+4gAEggFgYfjD8+fcXyAeqBmkAKQVJA7X9AmlAaAOayPCFASCAWIDO+vv/z5//f4DqgEJgG34BjYdoA5EQ9v/fQARUDBBALGtbGXT///7+EKgGpAto1r8/EGVglRDyL1DxH075P5suMgAEEIsZAwP/mz9/X4KMAEr///XrP8gCMAMu8uf3/z9/WTj/ejAwAAQQyy+gk4BmS0oCpRn+/AXJARkg9h8gyQgkge79+5fx798/f//+YGAACCDG2+CI/gcj/6FyGZDEgQgYZwABBgAlIndD8dLdmQAAAABJRU5ErkJggg==" title="Lietuviškai" alt="Lietuviškai"></span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>

    If anyone could help me out, that would be greatly appreciated.

    • This topic was modified 7 years, 5 months ago by iMedicus.
    #997774

    Hi,

    I added the slider markup in the functions.php hook. (see private field)

    
    <div id="full_slider_1" class="avia-fullwidth-slider main_color avia-shadow   avia-builder-el-0  el_before_av_submenu  avia-builder-el-first  container_wrap fullsize">
    <div data-size="featured" data-lightbox_size="large" data-animation="slide" data-conditional_play="" data-ids="14746" data-video_counter="0" data-autoplay="false" data-bg_slider="false" data-slide_height="" data-handle="av_slideshow_full" data-interval="5" data-class=" " data-css_id="" data-scroll_down="" data-control_layout="av-control-default" data-custom_markup="" data-perma_caption="" data-autoplay_stopper="" data-image_attachment="" data-min_height="0px" data-src="" data-position="top left" data-repeat="no-repeat" data-attach="scroll" data-stretch="" data-default-height="28.666666666667" class="avia-slideshow avia-slideshow-1  av-control-default avia-slideshow-featured av_slideshow_full   avia-slide-slider" itemprop="ImageObject" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
    <ul class="avia-slideshow-inner " style="padding: 0px;">
     	<li class="av-single-slide slide-1  active-slide" style="visibility: visible; opacity: 1; transition: none; transform: translateZ(0px);">
    <div data-rel="slideshow-1" class="avia-slide-wrap "><img src="https://www.new.barrelracingtips.com/wp-content/uploads/2018/08/blog-1500x380.png" width="1500" height="380" title="blog" alt="" itemprop="thumbnailUrl" style="left: 0px;"></div></li>
    </ul>
    </div>
    </div>
    

    Best regards,
    Ismael

    #997146

    Hey Victoria,

    thanks for your reply! I’ve found the right spot in postslider.php and could mod it successfully :)

    Now I just have one further question: Can I put the modded postslider.php into the child-theme folder?

    Best Regards,
    Birger

    If someone else is interested in the modded postslider.php, here’s the code (whole file):

    <?php
    /**
     * Post Slider
     *
     * Display a Slideshow of Post Entries
     * Element is in Beta and by default disabled. Todo: test with layerslider elements. currently throws error bc layerslider is only included if layerslider element is detected which is not the case with the post/page element
     */
    if ( ! defined( 'ABSPATH' ) ) {  exit;  }    // Exit if accessed directly
    
    if ( !class_exists( 'avia_sc_postslider' ))
    {
    	class avia_sc_postslider extends aviaShortcodeTemplate
    	{
    
    		/**
    		 * Create the config array for the shortcode button
    		 */
    		function shortcode_insert_button()
    		{
    			$this->config['self_closing']	=	'yes';
    			
    			$this->config['name']		= __('Post Slider', 'avia_framework' );
    			$this->config['tab']		= __('Content Elements', 'avia_framework' );
    			$this->config['icon']		= AviaBuilder::$path['imagesURL']."sc-postslider.png";
    			$this->config['order']		= 30;
    			$this->config['target']		= 'avia-target-insert';
    			$this->config['shortcode'] 	= 'av_postslider';
    			$this->config['tooltip'] 	= __('Display a Slideshow of Post Entries', 'avia_framework' );
    			$this->config['drag-level'] = 3;
    			$this->config['disabling_allowed'] = true;
    		}
    		
    		
    		function extra_assets()
    		{
    			//load css
    			wp_enqueue_style( 'avia-module-slideshow' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/slideshow/slideshow.css' , array('avia-layout'), false );
    			wp_enqueue_style( 'avia-module-postslider' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/postslider/postslider.css' , array('avia-module-slideshow'), false );
    			
    				//load js
    			wp_enqueue_script( 'avia-module-slideshow' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/slideshow/slideshow.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" 	=> __("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,
    						"std" 	=> "category"
    				),
    				
    				array(
    						"name" 	=> __("WooCommerce Product visibility?", 'avia_framework' ),
    						"desc" 	=> __("Select the visibility of WooCommerce products. Default setting can be set at Woocommerce -&gt Settings -&gt Products -&gt Inventory -&gt Out of stock visibility", 'avia_framework' ),
    						"id" 	=> "wc_prod_visible",
    						"type" 	=> "select",
    						"std" 	=> "",
    						"required" => array( 'link', 'parent_in_array', implode( ' ', get_object_taxonomies( 'product', 'names' ) ) ),
    						"subtype" => array(
    							__('Use default WooCommerce Setting (Settings -> Products -> Out of stock visibility)',  'avia_framework' ) => '',
    							__('Hide products out of stock',  'avia_framework' ) => 'hide',
    							__('Show products out of stock',  'avia_framework' )  => 'show')
    					),
    				
    				array(
    						"name" 	=> __( "Sorting Options", 'avia_framework' ),
    						"desc" 	=> __( "Here you can choose how to sort the products. Default setting can be set at Woocommerce -&gt Settings -&gt Products -&gt Display -&gt Default product sorting", 'avia_framework' ),
    						"id" 	=> "prod_order_by",
    						"type" 	=> "select",
    						"std" 	=> "",
    						"required" => array( 'link', 'parent_in_array', implode( ' ', get_object_taxonomies( 'product', 'names' ) ) ),
    						"subtype" => array( 
    								__('Use defaut (defined at Woocommerce -> Settings -&gt Default product sorting) ', 'avia_framework' ) =>	'',
    								__('Sort alphabetically', 'avia_framework' )			=>	'title',
    								__('Sort by most recent', 'avia_framework' )			=>	'date',
    								__('Sort by price', 'avia_framework' )					=>	'price',
    								__('Sort by popularity', 'avia_framework' )				=>	'popularity',
    								__('Sort randomly', 'avia_framework' )					=>	'rand'
    							)
    					),
    				
    				array(
    						"name" 	=> __( "Sorting Order", 'avia_framework' ),
    						"desc" 	=> __( "Here you can choose the order of the result products. Default setting can be set at Woocommerce -&gt Settings -&gt Products -&gt Display -&gt Default product sorting", 'avia_framework' ),
    						"id" 	=> "prod_order",
    						"type" 	=> "select",
    						"std" 	=> "",
    						"required" => array( 'link', 'parent_in_array', implode( ' ', get_object_taxonomies( 'product', 'names' ) ) ),
    						"subtype" => array( 
    								__('Use defaut (defined at Woocommerce -&gt Settings -&gt Default product sorting)', 'avia_framework' ) =>	'',
    								__('Ascending', 'avia_framework' )			=>	'ASC',
    								__('Descending', 'avia_framework' )			=>	'DESC'
    							)
    					),
    
    				array(
    						"name" 	=> __("Columns", 'avia_framework' ),
    						"desc" 	=> __("How many columns should be displayed?", 'avia_framework' ),
    						"id" 	=> "columns",
    						"type" 	=> "select",
    						"std" 	=> "3",
    						"subtype" => array(	__('1 Columns', 'avia_framework' )=>'1',
    											__('2 Columns', 'avia_framework' )=>'2',
    											__('3 Columns', 'avia_framework' )=>'3',
    											__('4 Columns', 'avia_framework' )=>'4',
    											__('5 Columns', 'avia_framework' )=>'5',
    											)),
    				array(
    						"name" 	=> __("Entry Number", 'avia_framework' ),
    						"desc" 	=> __("How many items should be displayed?", 'avia_framework' ),
    						"id" 	=> "items",
    						"type" 	=> "select",
    						"std" 	=> "9",
    						"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 post slider 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" 	=> __("Title and Excerpt",'avia_framework' ),
    						"desc" 	=> __("Choose if you want to only display the post title or title and excerpt",'avia_framework' ),
    						"id" 	=> "contents",
    						"type" 	=> "select",
    						"std" 	=> "excerpt",
    						"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" 	=> __("Preview Image Size", 'avia_framework' ),
    							"desc" 	=> __("Set the image size of the preview images", 'avia_framework' ),
    							"id" 	=> "preview_mode",
    							"type" 	=> "select",
    							"std" 	=> "auto",
    							"subtype" => array(__('Set the preview image size automatically based on column 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 Slider Transition", 'avia_framework' ),
    							"desc" 	=> __("Choose the transition for your Post Slider.", 'avia_framework' ),
    							"id" 	=> "animation",
    							"type" 	=> "select",
    							"std" 	=> "fade",
    							"subtype" => array(__('Slide','avia_framework' ) =>'slide',__('Fade','avia_framework' ) =>'fade'),
    							),
    */
    				
    				
    				array(
    						"name" 	=> __("Autorotation active?",'avia_framework' ),
    						"desc" 	=> __("Check if the slideshow should rotate by default",'avia_framework' ),
    						"id" 	=> "autoplay",
    						"type" 	=> "select",
    						"std" 	=> "no",
    						"subtype" => array(__('Yes','avia_framework' ) =>'yes',__('No','avia_framework' ) =>'no')),
    
    				array(
    					"name" 	=> __("Slideshow autorotation duration",'avia_framework' ),
    					"desc" 	=> __("Slideshow will rotate every X seconds",'avia_framework' ),
    					"id" 	=> "interval",
    					"type" 	=> "select",
    					"std" 	=> "5",
    					"required" 	=> array('autoplay','equals','yes'),
    					"subtype" =>
    					array('3'=>'3','4'=>'4','5'=>'5','6'=>'6','7'=>'7','8'=>'8','9'=>'9','10'=>'10','15'=>'15','20'=>'20','30'=>'30','40'=>'40','60'=>'60','100'=>'100')),
    					
    					
    				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",
                            "multiple"	=> 6,
                            "std" 	=> "",
                            "subtype" => AviaHtmlHelper::get_registered_post_type_array()
                        );
    
                        array_splice($this->elements, 2, 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 = "")
    		{	
    			$screen_sizes = AviaHelper::av_mobile_sizes($atts);
    			
    			if(isset($atts['link']))
    			{
    				$atts['link'] = explode(',', $atts['link'], 2 );
    				$atts['taxonomy'] = $atts['link'][0];
    
    				if(isset($atts['link'][1]))
    				{
    					$atts['categories'] = $atts['link'][1];
    				}
    			}
    
    			$atts['class'] = $meta['el_class'];
    			$atts = array_merge($atts, $screen_sizes);
    			
    			$slider = new avia_post_slider($atts);
    			$slider->query_entries();
    			return $slider->html();
    		}
    
    	}
    }
    
    if ( !class_exists( 'avia_post_slider' ) )
    {
    	class avia_post_slider
    	{	
    		static  $slide = 0;
    		protected $atts;
    		protected $entries;
    
    		function __construct($atts = array())
    		{
    			$this->atts = shortcode_atts(array(	'type'		=> 'slider', // can also be used as grid
    												'style'		=> '', //no_margin
    										 		'columns' 	=> '4',
    		                                 		'items' 	=> '16',
    		                                 		'taxonomy'  => 'category',
    												'wc_prod_visible'	=>	'',
    												'prod_order_by'		=>	'',
    												'prod_order'		=>	'',
    		                                 		'post_type'=> get_post_types(),
    		                                 		'contents' 	=> 'excerpt',
    		                                 		'preview_mode' => 'auto',
    												'image_size' => 'portfolio',
    		                                 		'autoplay'  => 'no',
    												'animation' => 'fade',
    												'paginate'	=> 'no',
                                                    'use_main_query_pagination' => 'no',
    												'interval'  => 5,
    												'class'		=> '',
    		                                 		'categories'=> array(),
    		                                 		'custom_query'=> array(),
                                                    'offset' => 0,
                                                    'custom_markup' => '',
                                                    'av_display_classes' => ''
    		                                 		), $atts, 'av_postslider');
    		                                 		
    		                    
    		}
    
    		public function html()
    		{
    			global $avia_config;
    
    			$output = "";
    
    			if(empty($this->entries) || empty($this->entries->posts)) return $output;
    
    			avia_post_slider::$slide ++;
    			extract($this->atts);
    
    			if($preview_mode == 'auto') $image_size = 'portfolio';
    			$extraClass 		= 'first';
    			$grid 				= 'one_third';
    			$post_loop_count 	= 1;
    			$loop_counter		= 1;
    			$autoplay 			= $autoplay == "no" ? false : true;
    			$total				= $columns % 2 ? "odd" : "even";
    			$blogstyle 			= function_exists('avia_get_option') ? avia_get_option('blog_global_style','') : "";
    			$excerpt_length 	= 60;
    			
    			
    			if($blogstyle !== "")
    			{
    				$excerpt_length = 240;
    			}
    			
    			switch($columns)
    			{
    				case "1": $grid = 'av_fullwidth';  if($preview_mode == 'auto') $image_size = 'large'; break;
    				case "2": $grid = 'av_one_half';   break;
    				case "3": $grid = 'av_one_third';  break;
    				case "4": $grid = 'av_one_fourth'; if($preview_mode == 'auto') $image_size = 'portfolio_small'; break;
    				case "5": $grid = 'av_one_fifth';  if($preview_mode == 'auto') $image_size = 'portfolio_small'; break;
    			}
    
    			$data = AviaHelper::create_data_string(array('autoplay'=>$autoplay, 'interval'=>$interval, 'animation' => $animation, 'show_slide_delay'=>90));
    
    			$thumb_fallback = "";
                $markup = avia_markup_helper(array('context' => 'blog','echo'=>false, 'custom_markup'=>$custom_markup));
    			$output .= "<div {$data} class='avia-content-slider avia-content-{$type}-active avia-content-slider".avia_post_slider::$slide." avia-content-slider-{$total} {$class} {$av_display_classes}' $markup>";
    			$output .= 		"<div class='avia-content-slider-inner'>";
    
    				foreach ($this->entries->posts as $entry)
    				{
    					$the_id 	= $entry->ID;
    					$parity		= $loop_counter % 2 ? 'odd' : 'even';
    					$last       = $this->entries->post_count == $post_loop_count ? " post-entry-last " : "";
    					$post_class = "post-entry post-entry-{$the_id} slide-entry-overview slide-loop-{$post_loop_count} slide-parity-{$parity} {$last}";
    					$link		= get_post_meta( $the_id ,'_portfolio_custom_link', true ) != "" ? get_post_meta( $the_id ,'_portfolio_custom_link_url', true ) : get_permalink( $the_id );
    					$excerpt	= "";
    					$title  	= '';
    					$show_meta  = !is_post_type_hierarchical($entry->post_type);
    					$commentCount = get_comments_number($the_id);
    					$thumbnail  = get_the_post_thumbnail( $the_id, $image_size );
    					$format 	= get_post_format( $the_id );
    					if(empty($format)) $format = "standard";
    
    					if($thumbnail)
    					{
    						$thumb_fallback = $thumbnail;
    						$thumb_class	= "real-thumbnail";
    					}
    					else
    					{
    						$thumbnail = "<span class=' fallback-post-type-icon' ".av_icon_string($format)."></span><span class='slider-fallback-image'>{{thumbnail}}</span>";
    						$thumb_class	= "fake-thumbnail";
    					}
    
    					$permalink = '<div class="read-more-link"><a href="'.get_permalink($the_id).'" class="more-link">'.__('Read more','avia_framework').'<span class="more-link-arrow"></span></a></div>';
    					$prepare_excerpt = !empty($entry->post_excerpt) ? $entry->post_excerpt : avia_backend_truncate($entry->post_content, apply_filters( 'avf_postgrid_excerpt_length' , $excerpt_length) , apply_filters( 'avf_postgrid_excerpt_delimiter' , " "), "…", true, '');
    
    		                  	if($format == 'link')
    		                   	{
    			                        $current_post = array();
    			                        $current_post['content'] = $entry->post_content;
    			                        $current_post['title'] =  $entry->post_title;
    			                        
    			                        if(function_exists('avia_link_content_filter'))
    			                        {
    			                            $current_post = avia_link_content_filter($current_post);
    			                        }
    			
    			                        $link = $current_post['url'];
    		                    	}
    		                    
                        
    					switch($contents)
    					{
    						case "excerpt":
    								$excerpt = $prepare_excerpt;
    								$title = $entry->post_title;
    								break;
    						case "excerpt_read_more":
    								$excerpt = $prepare_excerpt;
    								$excerpt .= $permalink;
    								$title = $entry->post_title;
    								break;
    						case "title":
    								$excerpt = '';
    								$title = $entry->post_title;
    								break;
    						case "title_read_more":
    								$excerpt = $permalink;
    								$title = $entry->post_title;
    								break;
    						case "only_excerpt":
    								$excerpt = $prepare_excerpt;
    								$title = '';
    								break;
    						case "only_excerpt_read_more":
    								$excerpt = $prepare_excerpt;
    								$excerpt .= $permalink;
    								$title = '';
    								break;
    						case "no":
    								$excerpt = '';
    								$title = '';
    								break;
    					}
    					
    					$title = apply_filters( 'avf_postslider_title', $title, $entry );
    					
    					if($loop_counter == 1) $output .= "<div class='slide-entry-wrap'>";
    					
    					$post_format = get_post_format($the_id) ? get_post_format($the_id) : 'standard';
    					
                        $markup = avia_markup_helper(array('context' => 'entry','echo'=>false, 'id'=>$the_id, 'custom_markup'=>$custom_markup));
    					$output .= "<article class='slide-entry flex_column {$style} {$post_class} {$grid} {$extraClass} {$thumb_class}' $markup>";
    
    $output .= "<div class='slide-content'>";
    
                        $markup = avia_markup_helper(array('context' => 'entry_title','echo'=>false, 'id'=>$the_id, 'custom_markup'=>$custom_markup));
                        $output .= '<header class="entry-content-header">';
                        $meta_out = "";
                        
                        if (!empty($title))
                        {
    	                    if($show_meta)
    	                    {
    		                    $taxonomies  = get_object_taxonomies(get_post_type($the_id));
    			                $cats = '';
    			                $excluded_taxonomies = array_merge( get_taxonomies( array( 'public' => false ) ), array('post_tag','post_format') );
    							$excluded_taxonomies = apply_filters('avf_exclude_taxonomies', $excluded_taxonomies, get_post_type($the_id), $the_id);
    			
    			                if(!empty($taxonomies))
    			                {
    			                    foreach($taxonomies as $taxonomy)
    			                    {
    			                        if(!in_array($taxonomy, $excluded_taxonomies))
    			                        {
    			                            $cats .= get_the_term_list($the_id, $taxonomy, '', ', ','').' ';
    			                        }
    			                    }
    			                }
    			                
    			                if(!empty($cats))
    		                    {
    		                        $meta_out .= '<span class="blog-categories minor-meta">';
    		                        $meta_out .= $cats;
    		                        $meta_out .= '</span>';
    		                    }
    	                    }
    						
    						/**
    						 * Allow to change default output of categories - by default supressed for setting Default(Business) blog style
    						 * 
    						 * @since 4.0.6
    						 * @param string $blogstyle						'' | 'elegant-blog' | 'elegant-blog modern-blog'
    						 * @param avia_post_slider $this
    						 * @return string								'show_elegant' | 'show_business' | 'use_theme_default' | 'no_show_cats' 
    						 */
    						$show_cats = apply_filters( 'avf_postslider_show_catergories', 'use_theme_default', $blogstyle, $this );
    	                    
    						switch( $show_cats )
    						{
    							case 'no_show_cats':
    								$new_blogstyle = '';
    								break;
    							case 'show_elegant':
    								$new_blogstyle = 'elegant-blog';
    								break;
    							case 'show_business':
    								$new_blogstyle = 'elegant-blog modern-blog';
    								break;
    							case 'use_theme_default':
    							default:
    								$new_blogstyle = $blogstyle;
    								break;
    						}
    						
    							//	elegant style
    	                    if( ( strpos( $new_blogstyle, 'modern-blog' ) === false ) && ( $new_blogstyle != "" ) )
    						{
    							$output .= $meta_out;
    						}
    						
                        	$output .=  "<h3 class='slide-entry-title entry-title' $markup><a href='{$link}' title='".esc_attr(strip_tags($title))."'>".$title."</a></h3>";
                        	
    							//	modern business style
                        	if( ( strpos( $new_blogstyle, 'modern-blog' ) !== false ) && ( $new_blogstyle != "" ) ) 
    						{
    							$output .= $meta_out;
    						}
    						
                        	
                        }
                        
                        $output .= '</header>';
    
                      
                        $output .= "</div>";
    
    					$output .= $thumbnail ? "<a href='{$link}' data-rel='slide-".avia_post_slider::$slide."' class='slide-image' title=''>{$thumbnail}</a>" : "";
    					
    					if($post_format == "audio")
    					{	
    						$current_post = array();
    			            $current_post['content'] = $entry->post_content;
    			            $current_post['title'] =  $entry->post_title;
    						
    						$current_post = apply_filters( 'post-format-'.$post_format, $current_post );
    						
    						if(!empty( $current_post['before_content'] )) $output .= '<div class="big-preview single-big audio-preview">'.$current_post['before_content'].'</div>';
    					}
    					
    					$output .= "<div class='slide-content'>";
    
                        
                        $output .= '</header><br/>';
    
                        if($show_meta && !empty($excerpt))
    					{
    						$meta  = "<div class='slide-meta'>";
    						if ( $commentCount != "0" || comments_open($the_id) && $entry->post_type != 'portfolio')
    						{
    							$link_add = $commentCount === "0" ? "#respond" : "#comments";
    							$text_add = $commentCount === "1" ? __('Comment', 'avia_framework' ) : __('Comments', 'avia_framework' );
    
    							$meta .= "<div class='slide-meta-comments'><a href='{$link}{$link_add}'>{$commentCount} {$text_add}</a></div><div class='slide-meta-del'>/</div>";
    						}
                            $markup = avia_markup_helper(array('context' => 'entry_time','echo'=>false, 'id'=>$the_id, 'custom_markup'=>$custom_markup));
    						$meta .= "<time class='slide-meta-time updated' $markup>" .get_the_time(get_option('date_format'), $the_id)."</time>";
    						$meta .= "</div>";
    						
    						if( strpos($blogstyle, 'elegant-blog') === false )
    						{
    							$output .= $meta;
    							$meta = "";
    						}
    					}
                        $markup = avia_markup_helper(array('context' => 'entry_content','echo'=>false, 'id'=>$the_id, 'custom_markup'=>$custom_markup));
    					$excerpt = apply_filters( 'avf_post_slider_entry_excerpt', $excerpt, $prepare_excerpt, $permalink, $entry );
    					$output .= !empty($excerpt) ? "<div class='slide-entry-excerpt entry-content' $markup>".$excerpt."</div>" : "";
    
                        $output .= "</div>";
    $output .= '<br/><span class="av-vertical-delimiter"></span>';
    
                        $output .= '<footer class="entry-footer">';
                        if( !empty($meta) ) $output .= $meta;
                        $output .= '</footer>';
                        
                        $output .= av_blog_entry_markup_helper( $the_id );
                        
    					$output .= "</article>";
    
    					$loop_counter ++;
    					$post_loop_count ++;
    					$extraClass = "";
    
    					if($loop_counter > $columns)
    					{
    						$loop_counter = 1;
    						$extraClass = 'first';
    					}
    
    					if($loop_counter == 1 || !empty($last))
    					{
    						$output .="</div>";
    					}
    				}
    
    			$output .= 		"</div>";
    
    			if($post_loop_count -1 > $columns && $type == 'slider')
    			{
    				$output .= $this->slide_navigation_arrows();
    			}
    			
    			global $wp_query;
                if($use_main_query_pagination == 'yes' && $paginate == "yes")
                {
                    $avia_pagination = avia_pagination($wp_query->max_num_pages, 'nav');
                }
                else if($paginate == "yes")
                {
                    $avia_pagination = avia_pagination($this->entries, 'nav');
                }
    
                if(!empty($avia_pagination)) $output .= "<div class='pagination-wrap pagination-slider'>{$avia_pagination}</div>";
    
                $output .= "</div>";
    
    			$output = str_replace('{{thumbnail}}', $thumb_fallback, $output);
    
    			wp_reset_query();
    			return $output;
    		}
    
    		protected function slide_navigation_arrows()
    		{
    			$html  = "";
    			$html .= "<div class='avia-slideshow-arrows avia-slideshow-controls'>";
    			$html .= 	"<a href='#prev' class='prev-slide' ".av_icon_string('prev_big').">".__('Previous','avia_framework' )."</a>";
    			$html .= 	"<a href='#next' class='next-slide' ".av_icon_string('next_big').">".__('Next','avia_framework' )."</a>";
    			$html .= "</div>";
    
    			return $html;
    		}
    
    		//fetch new entries
    		public function query_entries($params = array())
    		{	
    			global $avia_config;
    
    			if(empty($params)) $params = $this->atts;
    
    			if(empty($params['custom_query']))
                {
    				$query = array();
    
    				if(!empty($params['categories']))
    				{
    					//get the portfolio 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 we find no terms for the taxonomy fetch all taxonomy terms
    				if(empty($terms[0]) || is_null($terms[0]) || $terms[0] === "null")
    				{
    					$terms = array();
    					$allTax = get_terms( $params['taxonomy']);
    					foreach($allTax as $tax)
    					{
    						$terms[] = $tax->term_id;
    					}
    
    				}
    
    				if($params['offset'] == 'no_duplicates')
                    {
                        $params['offset'] = false;
                        $no_duplicates = true;
                    }
                    
                    
    				//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']);
    				}
    				
    				
                    if(empty($params['post_type'])) $params['post_type'] = get_post_types();
                    if(is_string($params['post_type'])) $params['post_type'] = explode(',', $params['post_type']);
    
    				$orderby = 'date';
    				$order = 'DESC';
    				
    				// Meta query - replaced by Tax query in WC 3.0.0
    				$meta_query = array();
    				$tax_query = array();
    
    				// check if taxonomy are set to product or product attributes
    				$tax = get_taxonomy( $params['taxonomy'] );
    				
    				if( class_exists( 'WooCommerce' ) && is_object( $tax ) && isset( $tax->object_type ) && in_array( 'product', (array) $tax->object_type ) )
    				{
    					$avia_config['woocommerce']['disable_sorting_options'] = true;
    					
    					avia_wc_set_out_of_stock_query_params( $meta_query, $tax_query, $params['wc_prod_visible'] );
    					
    						//	sets filter hooks !!
    					$ordering_args = avia_wc_get_product_query_order_args( $params['prod_order_by'], $params['prod_order'] );
    							
    					$orderby = $ordering_args['orderby'];
    					$order = $ordering_args['order'];
    				}
    
    				if( ! empty( $terms ) )
    				{
    					$tax_query[] =  array(
    										'taxonomy' 	=>	$params['taxonomy'],
    										'field' 	=>	'id',
    										'terms' 	=>	$terms,
    										'operator' 	=>	'IN'
    								);
    				}				
    				
    				$query = array(	'orderby'		=>	$orderby,
    								'order'			=>	$order,
    								'paged'			=>	$page,
    								'post_type'		=>	$params['post_type'],
    //								'post_status'	=>	'publish',
    								'offset'		=>	$params['offset'],
    								'posts_per_page' =>	$params['items'],
    								'post__not_in'	=>	( ! empty( $no_duplicates ) ) ? $avia_config['posts_on_current_page'] : array(),
    								'meta_query'	=>	$meta_query,
    								'tax_query'		=>	$tax_query
    							);
    																
    			}
    			else
    			{
    				$query = $params['custom_query'];
    			}
    
    			$query = apply_filters('avia_post_slide_query', $query, $params);
    
    			@$this->entries = new WP_Query( $query ); //@ is used to prevent errors caused by wpml
    
    		    // store the queried post ids in
                if( $this->entries->have_posts() )
                {
                    while( $this->entries->have_posts() )
                    {
                        $this->entries->the_post();
                        $avia_config['posts_on_current_page'][] = get_the_ID();
                    }
                }
    			
    			if( function_exists( 'WC' ) )
    			{
    				avia_wc_clear_catalog_ordering_args_filters();
    				$avia_config['woocommerce']['disable_sorting_options'] = false;
    			}
    		}
    	}
    }
    
    #992715

    In reply to: contact form popup

    Hey Andrii,
    To create a lightbox popup for your contact form, first add this code to the end of your functions.php file in Appearance > Editor:

    function popup_inline() { ?>
    <script type="text/javascript">
    jQuery(window).load(function(){
    	jQuery('.open-popup-link').magnificPopup({
    	  type:'inline',
    	  midClick: true
    	});
    });
    </script>
    <?php }
    
    add_action('wp_head', 'popup_inline');

    Then add this code in the General Styling > Quick CSS field:

    .white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
    }

    please adjust the max-width to suit

    Then in a code block on your page add this code for the lightbox:

    <div id="test-popup" class="white-popup mfp-hide">
    <p>PLACE CONTENT HERE</p>
    </div>

    Then in a second window, open a new post in the default editor and using the wand tool, create a contact form so you can copy the shortcode for it.
    2018-08-01_235341
    Paste the shortcode in your popup, replacing the text “PLACE CONTENT HERE”

    Now to create the button to open the popup, we need to add the class “open-popup-link” to the link inside the button and make the link point to “#test-popup” this can be a little tricky so I’ve added and example button”

     <div class="avia-button-wrap avia-button-center  avia-builder-el-99"><a href="#test-popup" class="open-popup-link avia-button   avia-icon_select-no avia-color-theme-color avia-size-medium avia-position-center "><span class="avia_iconbox_title">I’d like more info, please</span></a></div>

    If you want some help creating a custom button, first make a button you like on a test page and post the url so we can copy the html and add the class for you.
    Then add the button code in a code block element where you want it on your page. The popup code block, from above, can be anywhere on your page, and that is all there is to it.

    To open other links in a lightbox, simply add this to the end of your links”

    ?iframe=true

    Here are some examples, to make a link for an image to open in lightbox:

    <a href="http://127.0.0.1/wp-content/uploads/2015/07/portfolio-9.jpg" rel="prettyPhoto" title="">Image</a>

    To open pages in lightbox using an iframe:

    <a href="http://127.0.0.1/pages/blank-pages/coming-soon-page/?iframe=true">Page</a>

    If you link to one of your pages, such as a FAQ, try to disable the header, sidebar, & footer for that page in the page layout options.
    This is the format for opening a Youtube video in lightbox:

    <a href="http://www.youtube.com/watch?v=qqXi8WmQ_WM" rel="prettyPhoto" title=""><img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /></a>

    Let us know if you have any questions

    Best regards,
    Mike

    ja und nimm die Original Bilder: Slideshow Image and Video Size : no scaling

    wenn du möchtest, dass die Bilder oben unten nicht über den Screen gehen. kann man das erzwingen:
    gib der full-width slideshow eine Custom Class. ich habe das mal mit zweien deiner Bilder gemacht, und der Slideshow die klasse: vollehoehe
    gegeben.

    dann habe ich ins quick css folgendes eingegeben:

    .vollehoehe img {
        max-height: calc(100vh - 170px);
    }

    die minus 170px sind dem Header-bereich geschuldet. Da kannst du noch ein wenig dran drehen.
    https://webers-testseite.de/slide-show/

    wenn du es gesehen hast – nehme ich die Bilder wieder raus.

    Wenn du es nur auf der startseite hast kannst du es auch so selectieren:

    .home .avia-slideshow img {
        max-height: calc(100vh - 170px);
    }
    #990143

    Hey Greg,

    Thank you for using Enfold.

    Use this css code to remove the transform effect.

    .avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
        transform: none;
    }

    Enable the custom css class attribute if you want to apply that modification to that specific masonry element.

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

    Best regards,
    Ismael

    Hi,

    2.) If you need the lightbox to work, edit the config-templatebuilder > gallery > gallery.js file and then comment out or remove this block of code.

    gallery.on('mouseenter','.avia-gallery-thumb a', function()
    {
    	var _self = this;
    
    	big_prev.attr('data-onclick', _self.getAttribute("data-onclick"));
    	big_prev.height(big_prev.height());
    	big_prev.attr('href', _self.href)
    
    	var newImg 		= _self.getAttribute("data-prev-img"),
    		oldImg 		= big_prev.find('img'),
    		oldImgSrc 	= oldImg.attr('src');
    
    	if(newImg != oldImgSrc)
    	{
    		var next_img = new Image();
    		next_img.src = newImg;
    
    		var $next = $(next_img);
    
    		if(big_prev.hasClass('avia-gallery-big-no-crop-thumb'))
    		{
    			$next.css({'height':big_prev.height(),'width':'auto'});
    		}
    
    		big_prev.stop().animate({opacity:0}, function()
    		{
    			$next.insertAfter(oldImg);
    			oldImg.remove();
    			big_prev.animate({opacity:1});
    
    			big_prev.attr('title',$(_self).attr('title'));
    
    		});
    	}
    });
    

    3.) You should turn on the custom css class field so that you can apply the code to a specific gallery or element.

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

    Best regards,
    Ismael

    #979662
    StefanLauermann
    Participant

    ENGLISH: by webteam Isabel Morales Rey & Astrid Seng

    The Enfold Theme is still in need of development and improvement

    We muddled through Enfold for our customer http://www.kastner-brillen-haus.de and realized that we were quite disappointed with much within the theme and don’t want to call it user friendly yet. Too often we had to search for a quick CSS, because the theme didn’t take this into account and pre-programmed it for the user.

    Here are a few points of criticism that we think could be improved:

    01) The rollover effect for top navigation should not be assigned in two different locations with colors, but in one location. The trembling during rollover by narrowing the distance between the bushings should also not be specified as standard.

    02) The different blog designs (classic or modern) should simply be pre-installed and selectable, instead of having to build them together first. We should also be able to select the categories simple and easy.

    03) The side navigation at the blog is hardly visually designable. Line spacing, icons, font size color? We missed them.

    04) The basic design with the headline above the photo is also not very appealing in the blog. The selection to change this is missing.

    05) What is the strange ampersand symbol in the H1 line? That curly-blue thing “&” there?

    06) As with top navigation, the second roll over color cannot be defined for the buttons. Why? Also here we had to search for a quick CSS. Roll-over, roll-out color and active-color, that’s what we always need didactically. Why don’t you make it easier for us users?

    07) The scroll-to-top button in the footer is not visible on the smart-phone. Here also we had to make do with an additional quick-CSS. That doesn’t have to be the case.

    08) Why are the module symbols in your page builder “Avia Layout Architect” so light grey and not more clearly visible?

    09) Why doesn’t the link setter recognize the mail address automatically and doesn’t put it in the href line like in other themes?

    10) The number of icons you provide. Sad.

    11) Why do you automatically color the bolt headlines in the body text? I just want it bold, not colored. They look like links. This is simply a no go didactically. Here also you specify this and do not let the user have the freedom to design it himself.

    12) Where can I modify the color of the social icons?

    13) Where can I modify the design of the sharing icons?

    14) Why does the save button not run in the page builder view or is at least displayed again at the end below? So you have to scroll constantly upwards to save or activate.

    15) Too bad that you have equipped your slider so unspectacularly and have not integrated the great RevolutionSlider.

    16) Also for your Masonry Gallery we had to use a Quick-CSS to disable the excited fluttering in of images. The animation comes too late and also very delayed when scrolling down. For the user it then looks as if there would be an empty space and there would be nothing more information. Also here we miss a clean and clear choice when creating this gallery: Activate animation, change animation, deactivate animation and the images remain visible (loaded) from the beginning.

    Working with Enfold took a lot of unnecessary time, it was quite frustrating and lengthy working with Enfold. We know much better premium themes. I hope with the Gutenberg-Step there will be some changes and you will catch up to keep up with the current theme.
    .
    .
    .
    GERMAN: by webteam Isabel Morales Rey & Astrid Seng

    Das Enfold Theme empfinden wir als noch recht entwicklungsbedürftig und verbesserungswürdig

    Wir haben uns für unseren Kunden http://www.kastner-brillen-haus.de durch Enfold durchgewurstelt und festgestellt, dass wir mit vielem innerhalb des Themes recht enttäuscht waren und das Theme noch nicht als UserFriendly bezeichnen möchten. Zu oft mussten wir nach einem Quick CSS suchen, weil das Theme das nicht für den User als Einstellung mit bedacht und vorweg programmiert hat.

    Hier ein paar Kritikpunkte, die unserer Meinung nach verbesserungswürdig sind:

    01. Der RollOver Effekt bei der Topnavigation sollte nicht an zwei unterschiedlichen Orten mit Farben, sondern an einem Ort vergeben werden. Das Zittern beim RollOver durch Verengung des Buchstenabstandes bitte auch nicht als Standard angeben.

    02. Die unterschiedlichen Blogdesigns (Classisch oder Modern) sollten einfach schon mal vorinstalliert und auswählbar sein, statt sich das erst zusammen bauen zu müssen. Auch die Kategorien sollten wir simple and easy danach auswählen können.

    03. Die Side Navigation beim Blog ist kaum optisch designbar. Zeilenabstand, Icons, Schriftgröße Farbe? Haben wir vermisst.

    04. Ebenso das Grunddesign mit der Headline über dem Foto ist optisch nicht besonders ansprechend im Blog. Die Auswahl dies zu ändern fehlt.

    05. Was ist das mit dem seltsamen Kaufmannsund in der H1 Zeile? Dieses kringelblaue Dingens “&” da?

    06. Bei den Buttons sind wie bei der TopNavigation auch hier wieder die zweite RollOver Farbe NICHT definierbar. Warum? Auch hier mussten wir nach einen Quick CSS suchen. RollOver, RollOut Farbe und AktivFarbe (visited), das benötigen wir didaktisch eigentlich immer. Warum macht ihr es uns User nicht leichter?

    07. Der ScrollToTop Button im Footer ist bei den SmartPhone nicht sichtbar. Auch da mussten wir uns mit einem zusätzlichen Quick CSS behelfen. Das muss doch nicht sein.

    08. Weshalb sind bei eurem PageBuilder die Modulsymbole so hellgrau und nicht deutlicher sichtbar?

    09. Weshalb erkennt der Linksetzer die Mailadresse nicht automatisch und setzt sie in die href Zeile wie bei anderen Themes gleich ein?

    10. So wenige Icons stellt ihr bereit. Traurig.

    11. Warum färbt ihr automatisch die Bold-Headlines ein? Ich will sie nur bold haben, aber nicht eingefärbt. Sie sehn aus wie Links. Das ist didaktisch einfach ein no go. Auch hier gebt ihr das vor und lasst den User nicht die Freiheit das selbst zu gestalten.

    12. Wo kann man die Social Icons farblich modifizieren?

    13. Wo kann man die Sharing-Icons im Design modifizieren?

    14. Weshalb läuft der Speichern-Button bei der PageBuilder Ansicht nicht mit oder wird zumindest am Ende unten erneut dargestellt? So muss man ständig nach oben scrollen, um zu speichern, bzw. zu aktivieren.

    15. Schade, dass ihr euren Slider so unspektakulär bestückt und nicht den tollen RevolutionSlider integriert habt.

    16. Auch bei eurer Masonry Gallery mussten wir uns mit einem Quick-CSS behelfen, um das aufgeregte Hereinflattern von Bildern zu deaktivieren. Die Animation kommt zu spät und auch erst beim Hinscrollen sehr verzögert. Für den User sieht es dann so aus, als wäre dort ein leerer Platz und es käme nichts mehr an Information. Auch hier vermissen wir eine saubere und klare Wahlmöglichkeit beim Erstellen dieser Gallery: Animation aktivieren, Animation verändern, Animation deaktivieren und die Bilder bleiben dann von Anfang an sichtbar (geladen).

    Das Arbeiten mit Enfold hat uns viel unnötige Zeit gekostet, es war recht frustrierend und langatmig mit Enfold zu arbeiten. Da kennen wir viel bessere PremiumThemes. Ich hoffe mit dem Gutenberg-Step wird sich bei euch noch einiges ändern und ihr holt etwas auf, um mit dem gegenwärtigen Themestand mithalten zu können.

    #971403

    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

    Hello Richard, thank you very much for your answer, the last problem was solved, but now I present another problem in another created site, apparently it is for a compatibility of woocommerce with some update I share the site and the errors

    – No llegan los correos de los pedidos ni al usuario, ni al Admin (por lo pronto tenemos habilitado paypal)
    – Los pedidos llegan como PENDIENTE DE PAGO (ya está configurado para que el método sea Captura, y Paypal si valida el pago)
    – Al querer cambiar el status de un pedido (de pendiente de pago, a completado) nos sale un error 500 y nos sale este error:

    Cynthia, verifica que tanto el tema como los plugins son compatibles con la versión de PHP que tienes actualmente.

    También veo que tienes este error_log relacionado con el tema que te recomiendo verificar:

    [08-Jun-2018 19:08:23 UTC] PHP Fatal error: Uncaught Error: Call to undefined function current_theme_supports() in /home2/roadstor/public_html/wp-content/themes/enfold/framework/php/auto-updates/auto-updates.php:6
    Stack trace:
    #0 {main}
    thrown in /home2/roadstor/public_html/wp-content/themes/enfold/framework/php/auto-updates/auto-updates.php on line 6

    Por lo pronto son los errores que encontramos, que salían en el hosting anterior y salen ahora también. Te mando lo siguiente también, es el estado del sistema:

    `
    ### WordPress Environment ###

    Home URL: https://roadstore.mx
    Site URL: https://roadstore.mx
    WC Version: 3.4.2
    Log Directory Writable: ✔
    WP Version: 4.9.6
    WP Multisite: –
    WP Memory Limit: 516 MB
    WP Debug Mode: ✔
    WP Cron: ✔
    Language: es_ES
    External object cache: –

    ### Server Environment ###

    Server Info: Apache
    PHP Version: 7.1.18 – Recomendamos usar la versión 7.2 o superior de PHP para un mayor rendimiento y seguridad. Cómo actualizar tu versión de PHP
    PHP Post Max Size: 6 MB
    PHP Time Limit: 3000
    PHP Max Input Vars: 1000
    cURL Version: 7.54.0
    OpenSSL/1.0.2k

    SUHOSIN Installed: –
    MySQL Version: 10.1.31-MariaDB-cll-lve
    Max Upload Size: 64 MB
    Default Timezone is UTC: ✔
    fsockopen/cURL: ✔
    SoapClient: ✔
    DOMDocument: ✔
    GZip: ✔
    Multibyte String: ✔
    Remote Post: ✔
    Remote Get: ✔

    ### Database ###

    WC Database Version: 3.2.5
    WC Database Prefix: muBTPrxs
    MaxMind GeoIP Database: ✔
    Tamaño total de la base de datos: 266.03MB
    Tamaño de los datos de la base de datos: 189.38MB
    Tamaño del índice de la base de datos: 76.65MB
    muBTPrxswoocommerce_sessions: Datos: 0.01MB + Índice: 0.00MB
    muBTPrxswoocommerce_api_keys: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswoocommerce_attribute_taxonomies: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswoocommerce_downloadable_product_permissions: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswoocommerce_order_items: Datos: 0.01MB + Índice: 0.01MB
    muBTPrxswoocommerce_order_itemmeta: Datos: 0.04MB + Índice: 0.03MB
    muBTPrxswoocommerce_tax_rates: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswoocommerce_tax_rate_locations: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswoocommerce_shipping_zones: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswoocommerce_shipping_zone_locations: Datos: 0.04MB + Índice: 0.05MB
    muBTPrxswoocommerce_shipping_zone_methods: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswoocommerce_payment_tokens: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswoocommerce_payment_tokenmeta: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswoocommerce_log: Datos: 0.00MB + Índice: 0.00MB
    adminnotification_inbox: Datos: 0.09MB + Índice: 0.05MB
    admin_assert: Datos: 0.02MB + Índice: 0.00MB
    admin_role: Datos: 0.02MB + Índice: 0.03MB
    admin_rule: Datos: 0.05MB + Índice: 0.03MB
    admin_user: Datos: 0.02MB + Índice: 0.02MB
    api2_acl_attribute: Datos: 0.02MB + Índice: 0.03MB
    api2_acl_role: Datos: 0.02MB + Índice: 0.03MB
    api2_acl_rule: Datos: 0.02MB + Índice: 0.02MB
    api2_acl_user: Datos: 0.02MB + Índice: 0.02MB
    api_assert: Datos: 0.02MB + Índice: 0.00MB
    api_role: Datos: 0.02MB + Índice: 0.03MB
    api_rule: Datos: 0.02MB + Índice: 0.03MB
    api_session: Datos: 0.02MB + Índice: 0.03MB
    api_user: Datos: 0.02MB + Índice: 0.00MB
    aw_blog: Datos: 0.02MB + Índice: 0.02MB
    aw_blog_cat: Datos: 0.02MB + Índice: 0.00MB
    aw_blog_cat_store: Datos: 0.02MB + Índice: 0.00MB
    aw_blog_comment: Datos: 0.02MB + Índice: 0.00MB
    aw_blog_post_cat: Datos: 0.02MB + Índice: 0.00MB
    aw_blog_store: Datos: 0.02MB + Índice: 0.00MB
    aw_blog_tags: Datos: 0.02MB + Índice: 0.02MB
    belvg_facebook_customer: Datos: 0.02MB + Índice: 0.00MB
    belvg_twitter_customer: Datos: 0.02MB + Índice: 0.00MB
    buyshoparallax: Datos: 0.02MB + Índice: 0.00MB
    buyshopflex: Datos: 0.02MB + Índice: 0.00MB
    buyshoprevolution: Datos: 0.02MB + Índice: 0.00MB
    captcha_log: Datos: 0.02MB + Índice: 0.00MB
    cataloginventory_stock: Datos: 0.02MB + Índice: 0.00MB
    cataloginventory_stock_item: Datos: 0.16MB + Índice: 0.11MB
    cataloginventory_stock_status: Datos: 0.08MB + Índice: 0.09MB
    cataloginventory_stock_status_idx: Datos: 0.08MB + Índice: 0.09MB
    cataloginventory_stock_status_tmp: Datos: 0.00MB + Índice: 0.00MB
    catalogrule: Datos: 0.02MB + Índice: 0.02MB
    catalogrule_affected_product: Datos: 0.02MB + Índice: 0.00MB
    catalogrule_customer_group: Datos: 0.02MB + Índice: 0.03MB
    catalogrule_group_website: Datos: 0.02MB + Índice: 0.05MB
    catalogrule_product: Datos: 0.42MB + Índice: 0.94MB
    catalogrule_product_price: Datos: 0.02MB + Índice: 0.06MB
    catalogrule_website: Datos: 0.02MB + Índice: 0.03MB
    catalogsearch_fulltext: Datos: 0.30MB + Índice: 0.11MB
    catalogsearch_query: Datos: 0.34MB + Índice: 0.39MB
    catalogsearch_result: Datos: 1.52MB + Índice: 0.91MB
    catalog_category_anc_categs_index_idx: Datos: 0.02MB + Índice: 0.03MB
    catalog_category_anc_categs_index_tmp: Datos: 0.00MB + Índice: 0.00MB
    catalog_category_anc_products_index_idx: Datos: 0.02MB + Índice: 0.02MB
    catalog_category_anc_products_index_tmp: Datos: 0.00MB + Índice: 0.00MB
    catalog_category_entity: Datos: 0.02MB + Índice: 0.03MB
    catalog_category_entity_datetime: Datos: 0.02MB + Índice: 0.06MB
    catalog_category_entity_decimal: Datos: 0.02MB + Índice: 0.06MB
    catalog_category_entity_int: Datos: 0.02MB + Índice: 0.06MB
    catalog_category_entity_text: Datos: 0.02MB + Índice: 0.06MB
    catalog_category_entity_varchar: Datos: 0.02MB + Índice: 0.06MB
    catalog_category_flat_store_1: Datos: 0.02MB + Índice: 0.05MB
    catalog_category_flat_store_2: Datos: 0.02MB + Índice: 0.05MB
    catalog_category_flat_store_3: Datos: 0.02MB + Índice: 0.05MB
    catalog_category_product: Datos: 0.09MB + Índice: 0.06MB
    catalog_category_product_index: Datos: 0.42MB + Índice: 0.69MB
    catalog_category_product_index_enbl_idx: Datos: 0.02MB + Índice: 0.02MB
    catalog_category_product_index_enbl_tmp: Datos: 0.00MB + Índice: 0.00MB
    catalog_category_product_index_idx: Datos: 0.02MB + Índice: 0.02MB
    catalog_category_product_index_tmp: Datos: 0.00MB + Índice: 0.00MB
    catalog_compare_item: Datos: 0.08MB + Índice: 0.20MB
    catalog_eav_attribute: Datos: 0.02MB + Índice: 0.03MB
    catalog_product_bundle_option: Datos: 0.02MB + Índice: 0.02MB
    catalog_product_bundle_option_value: Datos: 0.02MB + Índice: 0.02MB
    catalog_product_bundle_price_index: Datos: 0.02MB + Índice: 0.03MB
    catalog_product_bundle_selection: Datos: 0.02MB + Índice: 0.03MB
    catalog_product_bundle_selection_price: Datos: 0.02MB + Índice: 0.02MB
    catalog_product_bundle_stock_index: Datos: 0.02MB + Índice: 0.00MB
    catalog_product_enabled_index: Datos: 0.02MB + Índice: 0.02MB
    catalog_product_entity: Datos: 0.11MB + Índice: 0.09MB
    catalog_product_entity_datetime: Datos: 0.25MB + Índice: 0.55MB
    catalog_product_entity_decimal: Datos: 0.22MB + Índice: 0.47MB
    catalog_product_entity_gallery: Datos: 0.02MB + Índice: 0.06MB
    catalog_product_entity_group_price: Datos: 0.13MB + Índice: 0.27MB
    catalog_product_entity_int: Datos: 0.25MB + Índice: 0.53MB
    catalog_product_entity_media_gallery: Datos: 0.17MB + Índice: 0.14MB
    catalog_product_entity_media_gallery_value: Datos: 0.19MB + Índice: 0.08MB
    catalog_product_entity_text: Datos: 0.39MB + Índice: 0.61MB
    catalog_product_entity_tier_price: Datos: 0.34MB + Índice: 0.55MB
    catalog_product_entity_varchar: Datos: 1.52MB + Índice: 2.64MB
    catalog_product_flat_1: Datos: 0.02MB + Índice: 0.06MB
    catalog_product_flat_2: Datos: 0.02MB + Índice: 0.06MB
    catalog_product_flat_3: Datos: 0.02MB + Índice: 0.06MB
    catalog_product_index_eav: Datos: 0.06MB + Índice: 0.06MB
    catalog_product_index_eav_decimal: Datos: 0.02MB + Índice: 0.06MB
    catalog_product_index_eav_decimal_idx: Datos: 0.02MB + Índice: 0.06MB
    catalog_product_index_eav_decimal_tmp: Datos: 0.00MB + Índice: 0.00MB
    catalog_product_index_eav_idx: Datos: 0.06MB + Índice: 0.06MB
    catalog_product_index_eav_tmp: Datos: 0.00MB + Índice: 0.00MB
    catalog_product_index_group_price: Datos: 0.11MB + Índice: 0.13MB
    catalog_product_index_price: Datos: 0.14MB + Índice: 0.27MB
    catalog_product_index_price_bundle_idx: Datos: 0.02MB + Índice: 0.00MB
    catalog_product_index_price_bundle_opt_idx: Datos: 0.02MB + Índice: 0.00MB
    catalog_product_index_price_bundle_opt_tmp: Datos: 0.00MB + Índice: 0.00MB
    catalog_product_index_price_bundle_sel_idx: Datos: 0.02MB + Índice: 0.00MB
    catalog_product_index_price_bundle_sel_tmp: Datos: 0.00MB + Índice: 0.00MB
    catalog_product_index_price_bundle_tmp: Datos: 0.00MB + Índice: 0.00MB
    catalog_product_index_price_cfg_opt_agr_idx: Datos: 0.02MB + Índice: 0.00MB
    catalog_product_index_price_cfg_opt_agr_tmp: Datos: 0.00MB + Índice: 0.00MB
    catalog_product_index_price_cfg_opt_idx: Datos: 0.02MB + Índice: 0.00MB
    catalog_product_index_price_cfg_opt_tmp: Datos: 0.00MB + Índice: 0.00MB
    catalog_product_index_price_downlod_idx: Datos: 0.02MB + Índice: 0.00MB
    catalog_product_index_price_downlod_tmp: Datos: 0.00MB + Índice: 0.00MB
    catalog_product_index_price_final_idx: Datos: 0.02MB + Índice: 0.00MB
    catalog_product_index_price_final_tmp: Datos: 0.00MB + Índice: 0.00MB
    catalog_product_index_price_idx: Datos: 0.14MB + Índice: 0.19MB
    catalog_product_index_price_opt_agr_idx: Datos: 0.02MB + Índice: 0.00MB
    catalog_product_index_price_opt_agr_tmp: Datos: 0.00MB + Índice: 0.00MB
    catalog_product_index_price_opt_idx: Datos: 0.02MB + Índice: 0.00MB
    catalog_product_index_price_opt_tmp: Datos: 0.00MB + Índice: 0.00MB
    catalog_product_index_price_tmp: Datos: 0.00MB + Índice: 0.00MB
    catalog_product_index_tier_price: Datos: 0.11MB + Índice: 0.13MB
    catalog_product_index_website: Datos: 0.02MB + Índice: 0.02MB
    catalog_product_link: Datos: 0.02MB + Índice: 0.06MB
    catalog_product_link_attribute: Datos: 0.02MB + Índice: 0.02MB
    catalog_product_link_attribute_decimal: Datos: 0.02MB + Índice: 0.05MB
    catalog_product_link_attribute_int: Datos: 0.02MB + Índice: 0.05MB
    catalog_product_link_attribute_varchar: Datos: 0.02MB + Índice: 0.05MB
    catalog_product_link_type: Datos: 0.02MB + Índice: 0.00MB
    catalog_product_option: Datos: 0.02MB + Índice: 0.02MB
    catalog_product_option_price: Datos: 0.02MB + Índice: 0.05MB
    catalog_product_option_title: Datos: 0.02MB + Índice: 0.05MB
    catalog_product_option_type_price: Datos: 0.02MB + Índice: 0.05MB
    catalog_product_option_type_title: Datos: 0.02MB + Índice: 0.05MB
    catalog_product_option_type_value: Datos: 0.02MB + Índice: 0.02MB
    catalog_product_relation: Datos: 0.11MB + Índice: 0.06MB
    catalog_product_super_attribute: Datos: 0.02MB + Índice: 0.03MB
    catalog_product_super_attribute_label: Datos: 0.02MB + Índice: 0.05MB
    catalog_product_super_attribute_pricing: Datos: 0.02MB + Índice: 0.05MB
    catalog_product_super_link: Datos: 0.11MB + Índice: 0.20MB
    catalog_product_website: Datos: 0.11MB + Índice: 0.06MB
    checkout_agreement: Datos: 0.02MB + Índice: 0.00MB
    checkout_agreement_store: Datos: 0.02MB + Índice: 0.02MB
    cms_block: Datos: 0.02MB + Índice: 0.00MB
    cms_block_store: Datos: 0.02MB + Índice: 0.02MB
    cms_page: Datos: 0.13MB + Índice: 0.02MB
    cms_page_store: Datos: 0.02MB + Índice: 0.02MB
    core_cache: Datos: 0.02MB + Índice: 0.02MB
    core_cache_option: Datos: 0.02MB + Índice: 0.00MB
    core_cache_tag: Datos: 0.02MB + Índice: 0.02MB
    core_config_data: Datos: 0.11MB + Índice: 0.09MB
    core_email_template: Datos: 0.14MB + Índice: 0.05MB
    core_flag: Datos: 0.02MB + Índice: 0.02MB
    core_layout_link: Datos: 0.02MB + Índice: 0.03MB
    core_layout_update: Datos: 0.02MB + Índice: 0.02MB
    core_resource: Datos: 0.02MB + Índice: 0.00MB
    core_session: Datos: 0.02MB + Índice: 0.00MB
    core_store: Datos: 0.02MB + Índice: 0.06MB
    core_store_group: Datos: 0.02MB + Índice: 0.03MB
    core_translate: Datos: 0.02MB + Índice: 0.03MB
    core_url_rewrite: Datos: 0.02MB + Índice: 0.11MB
    core_variable: Datos: 0.02MB + Índice: 0.02MB
    core_variable_value: Datos: 0.02MB + Índice: 0.05MB
    core_website: Datos: 0.02MB + Índice: 0.05MB
    coupon_aggregated: Datos: 0.02MB + Índice: 0.05MB
    coupon_aggregated_order: Datos: 0.02MB + Índice: 0.05MB
    coupon_aggregated_updated: Datos: 0.02MB + Índice: 0.05MB
    cron_schedule: Datos: 0.02MB + Índice: 0.03MB
    customer_address_entity: Datos: 0.02MB + Índice: 0.02MB
    customer_address_entity_datetime: Datos: 0.02MB + Índice: 0.08MB
    customer_address_entity_decimal: Datos: 0.02MB + Índice: 0.08MB
    customer_address_entity_int: Datos: 0.02MB + Índice: 0.08MB
    customer_address_entity_text: Datos: 0.02MB + Índice: 0.06MB
    customer_address_entity_varchar: Datos: 0.02MB + Índice: 0.08MB
    customer_eav_attribute: Datos: 0.02MB + Índice: 0.00MB
    customer_eav_attribute_website: Datos: 0.02MB + Índice: 0.02MB
    customer_entity: Datos: 0.17MB + Índice: 0.39MB
    customer_entity_datetime: Datos: 0.02MB + Índice: 0.08MB
    customer_entity_decimal: Datos: 0.02MB + Índice: 0.08MB
    customer_entity_int: Datos: 0.02MB + Índice: 0.08MB
    customer_entity_text: Datos: 0.02MB + Índice: 0.06MB
    customer_entity_varchar: Datos: 0.50MB + Índice: 1.06MB
    customer_form_attribute: Datos: 0.02MB + Índice: 0.02MB
    customer_group: Datos: 0.02MB + Índice: 0.00MB
    dataflow_batch: Datos: 0.02MB + Índice: 0.05MB
    dataflow_batch_export: Datos: 14.55MB + Índice: 0.19MB
    dataflow_batch_import: Datos: 7.52MB + Índice: 0.41MB
    dataflow_import_data: Datos: 0.02MB + Índice: 0.02MB
    dataflow_profile: Datos: 0.02MB + Índice: 0.00MB
    dataflow_profile_history: Datos: 0.02MB + Índice: 0.02MB
    dataflow_session: Datos: 0.02MB + Índice: 0.00MB
    design_change: Datos: 0.02MB + Índice: 0.02MB
    directory_country: Datos: 0.02MB + Índice: 0.00MB
    directory_country_format: Datos: 0.02MB + Índice: 0.02MB
    directory_country_region: Datos: 0.06MB + Índice: 0.02MB
    directory_country_region_name: Datos: 0.02MB + Índice: 0.02MB
    directory_currency_rate: Datos: 0.02MB + Índice: 0.02MB
    downloadable_link: Datos: 0.02MB + Índice: 0.03MB
    downloadable_link_price: Datos: 0.02MB + Índice: 0.03MB
    downloadable_link_purchased: Datos: 0.02MB + Índice: 0.05MB
    downloadable_link_purchased_item: Datos: 0.02MB + Índice: 0.05MB
    downloadable_link_title: Datos: 0.02MB + Índice: 0.05MB
    downloadable_sample: Datos: 0.02MB + Índice: 0.02MB
    downloadable_sample_title: Datos: 0.02MB + Índice: 0.05MB
    eav_attribute: Datos: 0.09MB + Índice: 0.06MB
    eav_attribute_group: Datos: 0.02MB + Índice: 0.03MB
    eav_attribute_label: Datos: 0.02MB + Índice: 0.05MB
    eav_attribute_option: Datos: 0.02MB + Índice: 0.02MB
    eav_attribute_option_value: Datos: 0.02MB + Índice: 0.03MB
    eav_attribute_set: Datos: 0.02MB + Índice: 0.03MB
    eav_entity: Datos: 0.02MB + Índice: 0.03MB
    eav_entity_attribute: Datos: 0.09MB + Índice: 0.19MB
    eav_entity_datetime: Datos: 0.02MB + Índice: 0.11MB
    eav_entity_decimal: Datos: 0.02MB + Índice: 0.11MB
    eav_entity_int: Datos: 0.02MB + Índice: 0.11MB
    eav_entity_store: Datos: 0.02MB + Índice: 0.03MB
    eav_entity_text: Datos: 0.02MB + Índice: 0.08MB
    eav_entity_type: Datos: 0.02MB + Índice: 0.02MB
    eav_entity_varchar: Datos: 0.02MB + Índice: 0.11MB
    eav_form_element: Datos: 0.02MB + Índice: 0.06MB
    eav_form_fieldset: Datos: 0.02MB + Índice: 0.03MB
    eav_form_fieldset_label: Datos: 0.02MB + Índice: 0.03MB
    eav_form_type: Datos: 0.02MB + Índice: 0.03MB
    eav_form_type_entity: Datos: 0.02MB + Índice: 0.02MB
    gift_message: Datos: 0.02MB + Índice: 0.00MB
    googlecheckout_notification: Datos: 0.02MB + Índice: 0.00MB
    importexport_importdata: Datos: 0.02MB + Índice: 0.00MB
    index_event: Datos: 2.52MB + Índice: 0.34MB
    index_process: Datos: 0.02MB + Índice: 0.02MB
    index_process_event: Datos: 0.02MB + Índice: 0.02MB
    log_customer: Datos: 0.13MB + Índice: 0.08MB
    log_quote: Datos: 0.11MB + Índice: 0.00MB
    log_summary: Datos: 0.02MB + Índice: 0.00MB
    log_summary_type: Datos: 0.02MB + Índice: 0.00MB
    log_url: Datos: 17.55MB + Índice: 11.55MB
    log_url_info: Datos: 51.59MB + Índice: 0.00MB
    log_visitor: Datos: 20.55MB + Índice: 0.00MB
    log_visitor_info: Datos: 36.58MB + Índice: 0.00MB
    log_visitor_online: Datos: 0.02MB + Índice: 0.05MB
    muBTPrxscodigo_postal: Datos: 0.29MB + Índice: 0.04MB
    muBTPrxscommentmeta: Datos: 0.00MB + Índice: 0.01MB
    muBTPrxscomments: Datos: 0.02MB + Índice: 0.02MB
    muBTPrxshustle_modules: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxshustle_modules_meta: Datos: 0.00MB + Índice: 0.01MB
    muBTPrxslayerslider: Datos: 0.03MB + Índice: 0.00MB
    muBTPrxslayerslider_revisions: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxslinks: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxsoptions: Datos: 1.67MB + Índice: 0.09MB
    muBTPrxspmxi_files: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxspmxi_history: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxspmxi_imports: Datos: 0.06MB + Índice: 0.00MB
    muBTPrxspmxi_posts: Datos: 0.03MB + Índice: 0.01MB
    muBTPrxspmxi_templates: Datos: 0.02MB + Índice: 0.00MB
    muBTPrxspostmeta: Datos: 3.81MB + Índice: 1.29MB
    muBTPrxsposts: Datos: 0.58MB + Índice: 0.18MB
    muBTPrxsrevslider_css: Datos: 0.09MB + Índice: 0.00MB
    muBTPrxsrevslider_layer_animations: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxsrevslider_navigations: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxsrevslider_sliders: Datos: 0.01MB + Índice: 0.00MB
    muBTPrxsrevslider_slides: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxsrevslider_static_slides: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxstermmeta: Datos: 0.00MB + Índice: 0.01MB
    muBTPrxsterms: Datos: 0.00MB + Índice: 0.01MB
    muBTPrxsterm_relationships: Datos: 0.03MB + Índice: 0.06MB
    muBTPrxsterm_taxonomy: Datos: 0.00MB + Índice: 0.01MB
    muBTPrxsusermeta: Datos: 0.02MB + Índice: 0.02MB
    muBTPrxsusers: Datos: 0.00MB + Índice: 0.01MB
    muBTPrxswc_download_log: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswc_webhooks: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswoof_query_cache: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswpsc_also_bought: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswpsc_cart_contents: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswpsc_cart_item_meta: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswpsc_checkout_forms: Datos: 0.00MB + Índice: 0.01MB
    muBTPrxswpsc_claimed_stock: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswpsc_coupon_codes: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswpsc_currency_list: Datos: 0.02MB + Índice: 0.01MB
    muBTPrxswpsc_download_status: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswpsc_meta: Datos: 0.00MB + Índice: 0.01MB
    muBTPrxswpsc_product_rating: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswpsc_purchase_logs: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswpsc_purchase_meta: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswpsc_region_tax: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswpsc_submited_form_data: Datos: 0.00MB + Índice: 0.00MB
    muBTPrxswpsc_visitors: Datos: 0.00MB + Índice: 0.01MB
    muBTPrxswpsc_visitor_meta: Datos: 0.00MB + Índice: 0.01MB
    muBTPrxsyoast_seo_links: Datos: 0.01MB + Índice: 0.01MB
    muBTPrxsyoast_seo_meta: Datos: 0.01MB + Índice: 0.01MB
    newsletter_problem: Datos: 0.02MB + Índice: 0.03MB
    newsletter_queue: Datos: 0.02MB + Índice: 0.02MB
    newsletter_queue_link: Datos: 0.02MB + Índice: 0.05MB
    newsletter_queue_store_link: Datos: 0.02MB + Índice: 0.02MB
    newsletter_subscriber: Datos: 0.33MB + Índice: 0.14MB
    newsletter_template: Datos: 0.02MB + Índice: 0.05MB
    oauth_consumer: Datos: 0.02MB + Índice: 0.06MB
    oauth_nonce: Datos: 0.00MB + Índice: 0.00MB
    oauth_token: Datos: 0.02MB + Índice: 0.06MB
    paypal_cert: Datos: 0.02MB + Índice: 0.02MB
    paypal_payment_transaction: Datos: 0.02MB + Índice: 0.02MB
    paypal_settlement_report: Datos: 0.02MB + Índice: 0.02MB
    paypal_settlement_report_row: Datos: 0.02MB + Índice: 0.02MB
    persistent_session: Datos: 0.02MB + Índice: 0.06MB
    poll: Datos: 0.02MB + Índice: 0.02MB
    poll_answer: Datos: 0.02MB + Índice: 0.02MB
    poll_store: Datos: 0.02MB + Índice: 0.02MB
    poll_vote: Datos: 0.02MB + Índice: 0.02MB
    product_alert_price: Datos: 0.02MB + Índice: 0.05MB
    product_alert_stock: Datos: 0.02MB + Índice: 0.05MB
    rating: Datos: 0.02MB + Índice: 0.03MB
    rating_entity: Datos: 0.02MB + Índice: 0.02MB
    rating_option: Datos: 0.02MB + Índice: 0.02MB
    rating_option_vote: Datos: 0.02MB + Índice: 0.03MB
    rating_option_vote_aggregated: Datos: 0.02MB + Índice: 0.03MB
    rating_store: Datos: 0.02MB + Índice: 0.02MB
    rating_title: Datos: 0.02MB + Índice: 0.02MB
    report_compared_product_index: Datos: 0.11MB + Índice: 0.39MB
    report_event: Datos: 6.52MB + Índice: 18.58MB
    report_event_types: Datos: 0.02MB + Índice: 0.00MB
    report_viewed_product_aggregated_daily: Datos: 0.02MB + Índice: 0.05MB
    report_viewed_product_aggregated_monthly: Datos: 0.02MB + Índice: 0.05MB
    report_viewed_product_aggregated_yearly: Datos: 0.02MB + Índice: 0.05MB
    report_viewed_product_index: Datos: 5.52MB + Índice: 20.58MB
    review: Datos: 0.02MB + Índice: 0.05MB
    review_detail: Datos: 0.05MB + Índice: 0.05MB
    review_entity: Datos: 0.02MB + Índice: 0.00MB
    review_entity_summary: Datos: 0.02MB + Índice: 0.02MB
    review_status: Datos: 0.02MB + Índice: 0.00MB
    review_store: Datos: 0.02MB + Índice: 0.02MB
    salesrule: Datos: 0.02MB + Índice: 0.02MB
    salesrule_coupon: Datos: 0.02MB + Índice: 0.05MB
    salesrule_coupon_usage: Datos: 0.02MB + Índice: 0.03MB
    salesrule_customer: Datos: 0.02MB + Índice: 0.03MB
    salesrule_customer_group: Datos: 0.02MB + Índice: 0.03MB
    salesrule_label: Datos: 0.02MB + Índice: 0.05MB
    salesrule_product_attribute: Datos: 0.02MB + Índice: 0.05MB
    salesrule_website: Datos: 0.02MB + Índice: 0.03MB
    sales_bestsellers_aggregated_daily: Datos: 0.02MB + Índice: 0.05MB
    sales_bestsellers_aggregated_monthly: Datos: 0.02MB + Índice: 0.05MB
    sales_bestsellers_aggregated_yearly: Datos: 0.02MB + Índice: 0.05MB
    sales_billing_agreement: Datos: 0.02MB + Índice: 0.03MB
    sales_billing_agreement_order: Datos: 0.02MB + Índice: 0.02MB
    sales_flat_creditmemo: Datos: 0.02MB + Índice: 0.09MB
    sales_flat_creditmemo_comment: Datos: 0.02MB + Índice: 0.03MB
    sales_flat_creditmemo_grid: Datos: 0.02MB + Índice: 0.17MB
    sales_flat_creditmemo_item: Datos: 0.02MB + Índice: 0.02MB
    sales_flat_invoice: Datos: 0.02MB + Índice: 0.09MB
    sales_flat_invoice_comment: Datos: 0.02MB + Índice: 0.03MB
    sales_flat_invoice_grid: Datos: 0.02MB + Índice: 0.14MB
    sales_flat_invoice_item: Datos: 0.02MB + Índice: 0.02MB
    sales_flat_order: Datos: 0.05MB + Índice: 0.14MB
    sales_flat_order_address: Datos: 0.02MB + Índice: 0.02MB
    sales_flat_order_grid: Datos: 0.02MB + Índice: 0.19MB
    sales_flat_order_item: Datos: 0.11MB + Índice: 0.03MB
    sales_flat_order_payment: Datos: 0.02MB + Índice: 0.02MB
    sales_flat_order_status_history: Datos: 0.02MB + Índice: 0.03MB
    sales_flat_quote: Datos: 1.52MB + Índice: 0.13MB
    sales_flat_quote_address: Datos: 1.52MB + Índice: 0.09MB
    sales_flat_quote_address_item: Datos: 0.02MB + Índice: 0.05MB
    sales_flat_quote_item: Datos: 0.22MB + Índice: 0.06MB
    sales_flat_quote_item_option: Datos: 0.52MB + Índice: 0.08MB
    sales_flat_quote_payment: Datos: 0.02MB + Índice: 0.02MB
    sales_flat_quote_shipping_rate: Datos: 0.05MB + Índice: 0.02MB
    sales_flat_shipment: Datos: 0.02MB + Índice: 0.09MB
    sales_flat_shipment_comment: Datos: 0.02MB + Índice: 0.03MB
    sales_flat_shipment_grid: Datos: 0.02MB + Índice: 0.14MB
    sales_flat_shipment_item: Datos: 0.02MB + Índice: 0.02MB
    sales_flat_shipment_track: Datos: 0.02MB + Índice: 0.05MB
    sales_invoiced_aggregated: Datos: 0.02MB + Índice: 0.03MB
    sales_invoiced_aggregated_order: Datos: 0.02MB + Índice: 0.03MB
    sales_order_aggregated_created: Datos: 0.02MB + Índice: 0.03MB
    sales_order_aggregated_updated: Datos: 0.02MB + Índice: 0.03MB
    sales_order_status: Datos: 0.02MB + Índice: 0.00MB
    sales_order_status_label: Datos: 0.02MB + Índice: 0.02MB
    sales_order_status_state: Datos: 0.02MB + Índice: 0.00MB
    sales_order_tax: Datos: 0.02MB + Índice: 0.02MB
    sales_order_tax_item: Datos: 0.02MB + Índice: 0.05MB
    sales_payment_transaction: Datos: 0.02MB + Índice: 0.06MB
    sales_recurring_profile: Datos: 0.02MB + Índice: 0.05MB
    sales_recurring_profile_order: Datos: 0.02MB + Índice: 0.03MB
    sales_refunded_aggregated: Datos: 0.02MB + Índice: 0.03MB
    sales_refunded_aggregated_order: Datos: 0.02MB + Índice: 0.03MB
    sales_shipping_aggregated: Datos: 0.02MB + Índice: 0.03MB
    sales_shipping_aggregated_order: Datos: 0.02MB + Índice: 0.03MB
    sendfriend_log: Datos: 0.02MB + Índice: 0.03MB
    shipping_tablerate: Datos: 0.02MB + Índice: 0.02MB
    sitemap: Datos: 0.02MB + Índice: 0.02MB
    tag: Datos: 0.02MB + Índice: 0.03MB
    tag_properties: Datos: 0.02MB + Índice: 0.02MB
    tag_relation: Datos: 0.02MB + Índice: 0.08MB
    tag_summary: Datos: 0.02MB + Índice: 0.03MB
    tax_calculation: Datos: 0.02MB + Índice: 0.08MB
    tax_calculation_rate: Datos: 0.02MB + Índice: 0.05MB
    tax_calculation_rate_title: Datos: 0.02MB + Índice: 0.05MB
    tax_calculation_rule: Datos: 0.02MB + Índice: 0.03MB
    tax_class: Datos: 0.02MB + Índice: 0.00MB
    tax_order_aggregated_created: Datos: 0.02MB + Índice: 0.03MB
    tax_order_aggregated_updated: Datos: 0.02MB + Índice: 0.03MB
    weee_discount: Datos: 0.02MB + Índice: 0.05MB
    weee_tax: Datos: 0.02MB + Índice: 0.06MB
    widget: Datos: 0.02MB + Índice: 0.02MB
    widget_instance: Datos: 0.02MB + Índice: 0.00MB
    widget_instance_page: Datos: 0.02MB + Índice: 0.02MB
    widget_instance_page_layout: Datos: 0.02MB + Índice: 0.03MB
    wishlist: Datos: 0.02MB + Índice: 0.03MB
    wishlist_item: Datos: 0.02MB + Índice: 0.05MB
    wishlist_item_option: Datos: 0.02MB + Índice: 0.02MB
    xmlconnect_application: Datos: 0.02MB + Índice: 0.03MB
    xmlconnect_config_data: Datos: 0.02MB + Índice: 0.00MB
    xmlconnect_history: Datos: 0.02MB + Índice: 0.02MB
    xmlconnect_images: Datos: 0.02MB + Índice: 0.02MB
    xmlconnect_notification_template: Datos: 0.02MB + Índice: 0.02MB
    xmlconnect_queue: Datos: 0.02MB + Índice: 0.02MB

    ### Post Type Counts ###

    attachment: 436
    avia_framework_post: 35
    carousels: 12
    custom_css: 1
    customize_changeset: 6
    nav_menu_item: 183
    page: 22
    popup: 1
    popup_theme: 6
    portfolio: 4
    post: 1
    product: 126
    product_variation: 619
    revision: 19
    shop_coupon: 11
    shop_order: 50
    shop_order_refund: 8
    slides: 34
    wafs: 1
    wc_afrsm: 3
    wpcf7_contact_form: 8

    #962697

    Hey ofekw,
    For the form, Try this code in the General Styling > Quick CSS field:

    #top.page-id-9939 form.avia_ajax_form  {
        display: flex;
        justify-content: center;
        max-width: 100% !important; 
    }

    For the page “Awards” the page container is centered, along with the images, I imagine you are looking at your list which is in the container, but left aligned. Lists are like this because they line up on the bullet points. The image above the list is smaller so it may look like the list is braking out.
    We could make the list area 50% width of the page and then center it if you add a custom class to the area, or advise what you would like to see.
    The page “Portraits” looks centered, please advise.

    Best regards,
    Mike

    #959203

    In reply to: Column layout question

    Hey steviger,
    How about this layout:
    2018-05-19_151625
    this css:

    .no-left-margin {
    margin-left: 0px !important; 
    }
    .hide-empty {
    display: none !important;
    }
    .large-image {
    min-width: 30%!important; 
    }
    .first-second-row {
    margin-left: 13%!important; 
    }

    result:
    2018-05-19_152326
    Avia Layout Builder Debug code:

    [av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='scroll' bottom_border_style='scroll' scroll_down='' custom_arrow_bg='' id='' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' overlay_enable='' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av_element_hidden_in_editor='0' av_uid='av-gqiqn1']
    
    [av_one_fifth first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-1jsljh' custom_class='large-image']
    
    [av_image src='https://127.0.0.1/2017demo1/wp-content/uploads/2018/05/Computer_Left.png' attachment='3166' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-jhdrcmnr' admin_preview_bg=''][/av_image]
    
    [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' link='' linktarget='' link_hover='' padding='0px' border='' border_color='' radius='0px' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-eue3vx']
    
    [av_icon_box position='top' icon_style='' boxed='av-no-box' icon='ue862' font='entypo-fontello' title='IconBox Title' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jhdr7h82' admin_preview_bg='']
    Click here to add your own text
    [/av_icon_box]
    
    [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-chz20t' custom_class='no-left-margin']
    
    [av_icon_box position='top' icon_style='' boxed='av-no-box' icon='ue862' font='entypo-fontello' title='IconBox Title' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jhdr7h82' admin_preview_bg='']
    Click here to add your own text
    [/av_icon_box]
    
    [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-be0vbx' custom_class='no-left-margin']
    
    [av_icon_box position='top' icon_style='' boxed='av-no-box' icon='ue862' font='entypo-fontello' title='IconBox Title' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jhdr7h82' admin_preview_bg='']
    Click here to add your own text
    [/av_icon_box]
    
    [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-91o6cd' custom_class='no-left-margin']
    
    [av_icon_box position='top' icon_style='' boxed='av-no-box' icon='ue862' font='entypo-fontello' title='IconBox Title' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jhdr7h82' admin_preview_bg='']
    Click here to add your own text
    [/av_icon_box]
    
    [/av_one_fifth][av_one_fourth first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-893l0t' custom_class='hide-empty']
    
    [/av_one_fourth][av_one_fifth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-577tm5' custom_class='first-second-row']
    
    [av_icon_box position='top' icon_style='' boxed='av-no-box' icon='ue862' font='entypo-fontello' title='IconBox Title' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jhdr7h82' admin_preview_bg='']
    Click here to add your own text
    [/av_icon_box]
    
    [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-4tns65' custom_class='no-left-margin']
    
    [av_icon_box position='top' icon_style='' boxed='av-no-box' icon='ue862' font='entypo-fontello' title='IconBox Title' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jhdr7h82' admin_preview_bg='']
    Click here to add your own text
    [/av_icon_box]
    
    [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-30xqzx' custom_class='no-left-margin']
    
    [av_icon_box position='top' icon_style='' boxed='av-no-box' icon='ue862' font='entypo-fontello' title='IconBox Title' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jhdr7h82' admin_preview_bg='']
    Click here to add your own text
    [/av_icon_box]
    
    [/av_one_fifth][/av_section]

    You can tweak it some more, but it should be a good start.

    Best regards,
    Mike

    Hey jeroenvandessel,
    To display your social icons in a row, first copy your current social icons in your header by inspecting your page and right clicking to choose “Edit as HTML”
    2018-05-11_070136
    then copy and paste in a code block, here’s an example:

    <ul class="noLightbox social_bookmarks icon_count_6"><li class="social_bookmarks_twitter av-social-link-twitter social_icon_1"><a target="_blank" href="http://twitter.com" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Twitter"><span class="avia_hidden_link_text">Twitter</span></a></li><li class="social_bookmarks_facebook av-social-link-facebook social_icon_2"><a target="_blank" href="http://facebook.com" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Facebook"><span class="avia_hidden_link_text">Facebook</span></a></li><li class="social_bookmarks_youtube av-social-link-youtube social_icon_3"><a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Youtube"><span class="avia_hidden_link_text">Youtube</span></a></li><li class="social_bookmarks_instagram av-social-link-instagram social_icon_4"><a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Instagram"><span class="avia_hidden_link_text">Instagram</span></a></li><li class="social_bookmarks_pinterest av-social-link-pinterest social_icon_5"><a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Pinterest"><span class="avia_hidden_link_text">Pinterest</span></a></li><li class="social_bookmarks_reddit av-social-link-reddit social_icon_6"><a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Reddit"><span class="avia_hidden_link_text">Reddit</span></a></li></ul>

    then add this code in the General Styling > Quick CSS field:

    .social_bookmarks li a {
        border-radius: 100px;
    }
    .social_bookmarks li {
    border: none !important; 
    }

    Expected results:
    2018-05-11_070710
    If you would like to use the larger icons elements use the wand tool in the default editor to get the shortcodes for the icons, and paste into a code block element adding a div with a custom class, here’s an example:

    <div class="sbox">
    <ul class="avia-icon-list av-iconlist-big">
    <li class="avia_start_animation"><a href="https://www.facebook.com/" title="" target="_blank" style="background-color:#719430; color:#ffffff; " class="iconlist_icon  avia-font-entypo-fontello"><span class="iconlist-char " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></a></li>
    <li class="avia_start_animation"><a href="https://twitter.com/" title="" target="_blank" style="background-color:#719430; color:#ffffff; " class="iconlist_icon  avia-font-entypo-fontello"><span class="iconlist-char " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></a></li>
    
    <li class="avia_start_animation"><a href="https://plus.google.com/" title="" target="_blank" style="background-color:#719430; color:#ffffff; " class="iconlist_icon  avia-font-entypo-fontello"><span class="iconlist-char " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></a></li>
    <li class="avia_start_animation"><a href="https://www.youtube.com/" title="" target="_blank" style="background-color:#719430; color:#ffffff; " class="iconlist_icon  avia-font-entypo-fontello"><span class="iconlist-char " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></a></li>
    
    <li class="avia_start_animation"><a href="https://instagram.com/" title="" target="_blank" style="background-color:#719430; color:#ffffff; " class="iconlist_icon  avia-font-entypo-fontello"><span class="iconlist-char " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></a></li>
    <li class="avia_start_animation"><a href="http://tumblr.com/" title="" target="_blank" style="background-color:#719430; color:#ffffff; " class="iconlist_icon  avia-font-entypo-fontello"><span class="iconlist-char " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></a></li>
    
    <li class="avia_start_animation"><a href="https://www.linkedin.com/" title="" target="_blank" style="background-color:#719430; color:#ffffff; " class="iconlist_icon  avia-font-entypo-fontello"><span class="iconlist-char " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></a></li>
    <li class="avia_start_animation"><a href="http://www.pinterest.com/" title="" target="_blank" style="background-color:#719430; color:#ffffff; " class="iconlist_icon  avia-font-entypo-fontello"><span class="iconlist-char " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></a></li>
    </ul></div>

    then add this code in the General Styling > Quick CSS field, take note of the custom class for the opening div above:

    .sbox ul.avia-icon-list li {
        float: left;
        clear: none;
    }

    Expected results:
    2018-05-11_071923
    Here is some more info

    Best regards,
    Mike

    Hey J.,
    This is because the buttons are set to display: inline-block;
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) { 
    .avia-button-wrap {
        display: table-row !important; 
    }
    }

    This will make them line up for mobile screens:
    2018-05-10_000721
    But this code is too general, it could affect other buttons on your site, please add a custom class or ID for this element and add it to the code. Let us know if you want some help with doing that.

    Best regards,
    Mike

    Woops … I spoke too soon!
    So the theme allowed me to updated via the ‘front end’

    I’ve posted the FTP credentials

    I got the following

    An error occurred while updating Enfold: The update cannot be installed because we will be unable to copy some files. This is usually due to inconsistent file permissions. images/.DS_Store, config-templatebuilder/.DS_Store, lang/ca.po, lang/ca.mo, lang/.DS_Store, includes/.DS_Store, config-wpml/wpml-mod.js, css/.DS_Store, css/admin-preview.css, config-woocommerce/woocommerce-mod-v26.js, js/avia-admin-preview.js, config-menu-exchange/config.php, images/layout/logo_modern.png, images/layout/search.png, config-templatebuilder/avia-template-builder/.DS_Store, config-templatebuilder/avia-shortcodes/tab_sub_section.php, config-templatebuilder/avia-shortcodes/tab_section.php, config-templatebuilder/avia-shortcodes/gallery_horizontal.php, includes/admin/.DS_Store, framework/images/.DS_Store, framework/php/.DS_Store, framework/php/class-gmaps.php, config-layerslider/LayerSlider/.DS_Store, config-templatebuilder/avia-template-builder/images/sc-tabsection.png, includes/admin/demo_files/.DS_Store, includes/admin/demo_files/minimal-photography.xml, includes/admin/demo_files/minimal-photography.php, includes/admin/demo_files/dark-photography.php, includes/admin/demo_files/dark-photography.xml, includes/admin/demo_files/enfold-2017.php, includes/admin/demo_files/enfold-2017.xml, config-layerslider/LayerSlider/locales/LayerSlider-hu_HU.mo, config-layerslider/LayerSlider/locales/LayerSlider-en_US.pot, config-layerslider/LayerSlider/locales/LayerSlider-fr_FR.mo, config-layerslider/LayerSlider/locales/LayerSlider-hu_HU.po, config-layerslider/LayerSlider/locales/LayerSlider-fr_FR.po, config-layerslider/LayerSlider/views/about.php, config-layerslider/LayerSlider/views/revisions.php, config-layerslider/LayerSlider/views/system_status.php, config-layerslider/LayerSlider/includes/slider_markup_setup.php, config-layerslider/LayerSlider/includes/slider_utils.php, config-layerslider/LayerSlider/templates/tmpl-importing.php, config-layerslider/LayerSlider/templates/tmpl-popup-example-slider.php, config-layerslider/LayerSlider/templates/tmpl-import-templates.php, config-layerslider/LayerSlider/templates/tmpl-upload-sliders.php, config-layerslider/LayerSlider/templates/tmpl-embed-slider.php, config-layerslider/LayerSlider/templates/tmpl-static-layer-item.php, config-layerslider/LayerSlider/templates/tmpl-popup-presets-window.php, config-layerslider/LayerSlider/templates/tmpl-add-slider-list.php, config-layerslider/LayerSlider/templates/tmpl-transition-gallery.php, config-layerslider/LayerSlider/templates/tmpl-add-slider-grid.php, config-layerslider/LayerSlider/templates/tmpl-revisions-welcome.php, config-layerslider/LayerSlider/templates/tmpl-2d-transition.php, config-layerslider/LayerSlider/templates/tmpl-revisions-history.php, config-layerslider/LayerSlider/templates/tmpl-3d-transition.php, config-layerslider/LayerSlider/classes/class.ls.popups.php, config-layerslider/LayerSlider/classes/class.ls.revisions.php, config-layerslider/LayerSlider/avia-samples/.DS_Store, config-layerslider/LayerSlider/wp/tinymce_l10n.php, config-layerslider/LayerSlider/wp/scripts_l10n.php, config-templatebuilder/avia-template-builder/assets/js/avia-tab-section.js, includes/admin/demo_files/demo_images/enfold-2017.jpg, includes/admin/demo_files/demo_images/minimal-photography.jpg, includes/admin/demo_files/demo_images/dark-photography.jpg, framework/images/icons/new/.DS_Store, (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , config-layerslider/LayerSlider/static/air-datepicker/datepicker.min.css, config-layerslider/LayerSlider/static/air-datepicker/datepicker.min.js, config-layerslider/LayerSlider/static/codemirror/AUTHORS, config-layerslider/LayerSlider/static/dashicons/dashicons.css, config-layerslider/LayerSlider/static/dashicons/dashicons.woff, config-layerslider/LayerSlider/static/dashicons/dashicons.ttf, config-layerslider/LayerSlider/static/dashicons/dashicons.svg, config-layerslider/LayerSlider/static/dashicons/dashicons.eot, config-layerslider/LayerSlider/static/public/front.css, config-layerslider/LayerSlider/static/public/front.scss, config-layerslider/LayerSlider/static/shuffle/shuffle.min.js, config-layerslider/LayerSlider/static/minicolors/jquery.minicolors.transparent.png, config-layerslider/LayerSlider/static/minicolors/jquery.minicolors.min.js, config-layerslider/LayerSlider/static/minicolors/jquery.minicolors.png, config-layerslider/LayerSlider/static/minicolors/jquery.minicolors.js, config-layerslider/LayerSlider/static/minicolors/jquery.minicolors.css, config-layerslider/LayerSlider/static/layerslider/css/layerslider.css, config-layerslider/LayerSlider/static/layerslider/js/layerslider.transitions.js, config-layerslider/LayerSlider/static/layerslider/js/greensock.js, config-layerslider/LayerSlider/static/layerslider/js/layerslider.kreaturamedia.jquery.js, config-layerslider/LayerSlider/static/layerslider/overlays/grid_stripes_left.png, config-layerslider/LayerSlider/static/layerslider/overlays/gradient-2.png, config-layerslider/LayerSlider/static/layerslider/overlays/grid_medium.png, config-layerslider/LayerSlider/static/layerslider/overlays/gradient-4.png, config-layerslider/LayerSlider/static/layerslider/overlays/grid_small.png, config-layerslider/LayerSlider/static/layerslider/overlays/grid_hard.png, config-layerslider/LayerSlider/static/layerslider/overlays/gradient-1.png, config-layerslider/LayerSlider/static/layerslider/overlays/gradient-circle-1.png, config-layerslider/LayerSlider/static/layerslider/overlays/gradient-3.png, config-layerslider/LayerSlider/static/layerslider/overlays/grid_stripes_right.png, config-layerslider/LayerSlider/static/admin/media/revisions.mp4, config-layerslider/LayerSlider/static/admin/css/admin.css, config-layerslider/LayerSlider/static/admin/css/admin_new.css, config-layerslider/LayerSlider/static/admin/css/layerslider.transitiongallery.css, config-layerslider/LayerSlider/static/admin/css/embed.css, config-layerslider/LayerSlider/static/admin/css/about.css, config-layerslider/LayerSlider/static/admin/css/skin.editor.css, config-layerslider/LayerSlider/static/admin/css/km-ui.css, config-layerslider/LayerSlider/static/admin/css/revisions.css, config-layerslider/LayerSlider/static/admin/css/global.css, config-layerslider/LayerSlider/static/admin/css/blank.gif, config-layerslider/LayerSlider/static/admin/scss/_slide_settings.scss, config-layerslider/LayerSlider/static/admin/scss/global.scss, config-layerslider/LayerSlider/static/admin/scss/km-ui.scss, config-layerslider/LayerSlider/static/admin/scss/_mixins.scss, config-layerslider/LayerSlider/static/admin/scss/about.scss, config-layerslider/LayerSlider/static/admin/scss/sliders_list.scss, config-layerslider/LayerSlider/static/admin/scss/skin.editor.scss, config-layerslider/LayerSlider/static/admin/scss/revisions.scss, config-layerslider/LayerSlider/static/admin/scss/_layout.scss, config-layerslider/LayerSlider/static/admin/scss/slider_settings.scss, config-layerslider/LayerSlider/static/admin/scss/admin_new.scss, config-layerslider/LayerSlider/static/admin/scss/_transition_builder.scss, config-layerslider/LayerSlider/static/admin/scss/_layer_settings.scss, config-layerslider/LayerSlider/static/admin/scss/_interface.scss, config-layerslider/LayerSlider/static/admin/scss/_transition_gallery.scss, config-layerslider/LayerSlider/static/admin/scss/_tinymce.scss, config-layerslider/LayerSlider/static/admin/js/km-ui.js, config-layerslider/LayerSlider/static/admin/js/ls-admin-global.js, config-layerslider/LayerSlider/static/admin/js/ls-admin-sliders.js, config-layerslider/LayerSlider/static/admin/js/ls-admin-tinymce.js, config-layerslider/LayerSlider/static/admin/js/ls-admin-revisions.js, config-layerslider/LayerSlider/static/admin/js/ls-admin-transition-builder.js, config-layerslider/LayerSlider/static/admin/js/ls-admin-slider-builder.js, config-layerslider/LayerSlider/static/admin/js/layerslider.transition.gallery.js, config-layerslider/LayerSlider/static/admin/js/ls-admin-common.js, config-layerslider/LayerSlider/static/admin/img/nocss3d.png, config-layerslider/LayerSlider/static/admin/img/layout-fixed.png, config-layerslider/LayerSlider/static/admin/img/origami-bg.png, config-layerslider/LayerSlider/static/admin/img/layout-responsive.png, config-layerslider/LayerSlider/static/admin/img/comingsoon.jpg, config-layerslider/LayerSlider/static/admin/img/cclogo.png, config-layerslider/LayerSlider/static/admin/img/origami.png, config-layerslider/LayerSlider/static/admin/img/checkerboardpattern.png, config-layerslider/LayerSlider/static/admin/img/popup-example-slidy.png, config-layerslider/LayerSlider/static/admin/img/layout-full-screen.png, config-layerslider/LayerSlider/static/admin/img/layout-full-width.png, config-layerslider/LayerSlider/static/admin/img/sample_slide_2.png, config-layerslider/LayerSlider/static/admin/img/layout-popup.png, config-layerslider/LayerSlider/static/admin/img/popup-example-bg.jpg, config-layerslider/LayerSlider/static/admin/img/sample_slide_1.png, config-layerslider/LayerSlider/static/admin/img/ls-tb.png, config-layerslider/LayerSlider/static/admin/img/ls_80x80.png, config-layerslider/LayerSlider/static/admin/img/tag.png, config-layerslider/LayerSlider/static/admin/img/blank.gif, config-layerslider/LayerSlider/static/admin/img/slider_preview.jpg, config-layerslider/LayerSlider/static/air-datepicker/i18n/datepicker.en.js, config-layerslider/LayerSlider/static/codemirror/theme/cm-tab.png, config-layerslider/LayerSlider/static/codemirror/keymap/emacs.js, config-layerslider/LayerSlider/static/codemirror/keymap/vim.js, config-layerslider/LayerSlider/static/codemirror/keymap/sublime.js, config-layerslider/LayerSlider/static/layerslider/skins/defaultskin/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/defaultskin/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/defaultskin/info.json, config-layerslider/LayerSlider/static/layerslider/skins/defaultskin/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/defaultskin/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/fullwidth/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/fullwidth/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/fullwidth/info.json, config-layerslider/LayerSlider/static/layerslider/skins/fullwidth/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/fullwidth/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/noskin/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/noskin/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/noskin/info.json, config-layerslider/LayerSlider/static/layerslider/skins/noskin/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/noskin/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/fullwidthdark/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/fullwidthdark/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/fullwidthdark/info.json, config-layerslider/LayerSlider/static/layerslider/skins/fullwidthdark/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/fullwidthdark/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/glass/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/glass/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/glass/shadow.png, config-layerslider/LayerSlider/static/layerslider/skins/glass/info.json, config-layerslider/LayerSlider/static/layerslider/skins/glass/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/glass/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/numbers/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/numbers/info.json, config-layerslider/LayerSlider/static/layerslider/skins/numbers/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight3d/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight3d/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight3d/shadow.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight3d/info.json, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight3d/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight3d/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/minimal/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/minimal/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/minimal/info.json, config-layerslider/LayerSlider/static/layerslider/skins/minimal/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/minimal/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/photogallery/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/photogallery/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/photogallery/info.json, config-layerslider/LayerSlider/static/layerslider/skins/photogallery/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/darkskin/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/darkskin/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/darkskin/info.json, config-layerslider/LayerSlider/static/layerslider/skins/darkskin/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/darkskin/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/lightskin/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/lightskin/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/lightskin/info.json, config-layerslider/LayerSlider/static/layerslider/skins/lightskin/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/lightskin/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark3d/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark3d/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark3d/shadow.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark3d/info.json, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark3d/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark3d/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/carousel/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/carousel/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/carousel/info.json, config-layerslider/LayerSlider/static/layerslider/skins/carousel/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/carousel/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight/shadow.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight/info.json, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/roundedflat/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/roundedflat/info.json, config-layerslider/LayerSlider/static/layerslider/skins/roundedflat/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark/shadow.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark/info.json, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/v5/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/v5/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/v5/info.json, config-layerslider/LayerSlider/static/layerslider/skins/v5/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/v5/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/outline/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/outline/info.json, config-layerslider/LayerSlider/static/layerslider/skins/outline/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/v6/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/v6/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/v6/info.json, config-layerslider/LayerSlider/static/layerslider/skins/v6/skin.css, config-layerslider/LayerSlider/static/layerslider/plugins/timeline/layerslider.timeline.js, config-layerslider/LayerSlider/static/layerslider/plugins/timeline/layerslider.timeline.css, config-layerslider/LayerSlider/static/layerslider/plugins/debug/layerslider.debug.js, config-layerslider/LayerSlider/static/layerslider/plugins/debug/layerslider.debug.css, config-layerslider/LayerSlider/static/layerslider/plugins/popup/layerslider.popup.js, config-layerslider/LayerSlider/static/layerslider/plugins/popup/layerslider.popup.css, config-layerslider/LayerSlider/static/layerslider/plugins/origami/layerslider.origami.css, config-layerslider/LayerSlider/static/layerslider/plugins/origami/layerslider.origami.js, config-layerslider/LayerSlider/static/codemirror/mode/php/test.js, config-layerslider/LayerSlider/static/codemirror/mode/css/less_test.js, config-layerslider/LayerSlider/static/codemirror/mode/css/gss_test.js, config-layerslider/LayerSlider/static/codemirror/mode/sass/sass.js, config-layerslider/LayerSlider/static/codemirror/mode/sql/sql.js, config-layerslider/LayerSlider/static/codemirror/mode/xml/test.js, config-layerslider/LayerSlider/static/codemirror/addon/edit/matchbrackets.js, config-layerslider/LayerSlider/static/codemirror/addon/edit/closebrackets.js, config-layerslider/LayerSlider/static/codemirror/addon/edit/trailingspace.js, config-layerslider/LayerSlider/static/codemirror/addon/edit/continuelist.js, config-layerslider/LayerSlider/static/codemirror/addon/edit/matchtags.js, config-layerslider/LayerSlider/static/codemirror/addon/edit/closetag.js, config-layerslider/LayerSlider/static/codemirror/addon/comment/continuecomment.js, config-layerslider/LayerSlider/static/codemirror/addon/comment/comment.js, config-layerslider/LayerSlider/static/codemirror/addon/display/autorefresh.js, config-layerslider/LayerSlider/static/codemirror/addon/display/panel.js, config-layerslider/LayerSlider/static/codemirror/addon/display/rulers.js, config-layerslider/LayerSlider/static/codemirror/addon/display/placeholder.js, config-layerslider/LayerSlider/static/codemirror/addon/display/fullscreen.css, config-layerslider/LayerSlider/static/codemirror/addon/display/fullscreen.js, config-layerslider/LayerSlider/static/codemirror/addon/wrap/hardwrap.js, config-layerslider/LayerSlider/static/codemirror/addon/dialog/dialog.css, config-layerslider/LayerSlider/static/codemirror/addon/dialog/dialog.js, config-layerslider/LayerSlider/static/codemirror/addon/selection/selection-pointer.js, config-layerslider/LayerSlider/static/codemirror/addon/fold/comment-fold.js, config-layerslider/LayerSlider/static/codemirror/addon/fold/markdown-fold.js, config-layerslider/LayerSlider/static/codemirror/addon/fold/foldgutter.css, config-layerslider/LayerSlider/static/codemirror/addon/hint/show-hint.css, config-layerslider/LayerSlider/static/codemirror/addon/hint/xml-hint.js, config-layerslider/LayerSlider/static/codemirror/addon/hint/css-hint.js, config-layerslider/LayerSlider/static/codemirror/addon/hint/anyword-hint.js, config-layerslider/LayerSlider/static/codemirror/addon/hint/show-hint.js, config-layerslider/LayerSlider/static/codemirror/addon/hint/javascript-hint.js, config-layerslider/LayerSlider/static/codemirror/addon/hint/sql-hint.js, config-layerslider/LayerSlider/static/codemirror/addon/hint/html-hint.js, config-layerslider/LayerSlider/static/codemirror/addon/runmode/colorize.js, config-layerslider/LayerSlider/static/codemirror/addon/runmode/runmode-standalone.js, config-layerslider/LayerSlider/static/codemirror/addon/runmode/runmode.node.js, config-layerslider/LayerSlider/static/codemirror/addon/runmode/runmode.js, config-layerslider/LayerSlider/static/codemirror/addon/lint/html-lint.js, config-layerslider/LayerSlider/static/codemirror/addon/lint/css-lint.js, config-layerslider/LayerSlider/static/codemirror/addon/lint/yaml-lint.js, config-layerslider/LayerSlider/static/codemirror/addon/lint/json-lint.js, config-layerslider/LayerSlider/static/codemirror/addon/lint/coffeescript-lint.js, config-layerslider/LayerSlider/static/codemirror/addon/lint/javascript-lint.js, config-layerslider/LayerSlider/static/codemirror/addon/lint/lint.css, config-layerslider/LayerSlider/static/codemirror/addon/lint/lint.js, config-layerslider/LayerSlider/static/codemirror/addon/search/matchesonscrollbar.css, config-layerslider/LayerSlider/static/codemirror/addon/search/match-highlighter.js, config-layerslider/LayerSlider/static/codemirror/addon/search/searchcursor.js, config-layerslider/LayerSlider/static/codemirror/addon/search/search.js, config-layerslider/LayerSlider/static/codemirror/addon/search/matchesonscrollbar.js, config-layerslider/LayerSlider/static/codemirror/addon/search/jump-to-line.js, config-layerslider/LayerSlider/static/codemirror/addon/merge/merge.css, config-layerslider/LayerSlider/static/codemirror/addon/merge/merge.js, config-layerslider/LayerSlider/static/codemirror/addon/mode/overlay.js, config-layerslider/LayerSlider/static/codemirror/addon/mode/simple.js, config-layerslider/LayerSlider/static/codemirror/addon/mode/multiplex.js, config-layerslider/LayerSlider/static/codemirror/addon/mode/multiplex_test.js, config-layerslider/LayerSlider/static/codemirror/addon/mode/loadmode.js, config-layerslider/LayerSlider/static/codemirror/addon/scroll/simplescrollbars.css, config-layerslider/LayerSlider/static/codemirror/addon/scroll/annotatescrollbar.js, config-layerslider/LayerSlider/static/codemirror/addon/scroll/simplescrollbars.js, config-layerslider/LayerSlider/static/codemirror/addon/scroll/scrollpastend.js, config-layerslider/LayerSlider/static/codemirror/addon/tern/tern.css, config-layerslider/LayerSlider/static/codemirror/addon/tern/tern.js, config-layerslider/LayerSlider/static/codemirror/addon/tern/worker.js

    #951392

    I did an new Visual Element.

    add following codes in your child theme:

    functions.php

    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;
    }

    ad shortcodes/slideshow_layerslider.php in your childtheme:

    <?php
    /**
     * Advanced Layerslider
     * 
     * Display a Layerslider Slideshow
     * @modified 4.2.1, 4.2.7
     * @modified_by Günter
     */
    if ( ! defined( 'ABSPATH' ) ) {  exit;  }    // Exit if accessed directly
    
    if( ! Avia_Config_LayerSlider()->is_active() )
    {
    	return;
    }
    
    if ( ! class_exists( 'avia_sc_layersliderB' ) ) 
    {
    	class avia_sc_layersliderB extends aviaShortcodeTemplate
    	{		
    			static $slide_count = 0;
    			
    			/**
    			 * Create the config array for the shortcode button
    			 */
    			public function shortcode_insert_button()
    			{
    				$this->config['self_closing']			=	'yes';
    				$class->config['forced_load_objects']	=	array( 'layerslider' );		//	fallback only to make sure we load in case user overwrites this class and direct checks for shortcode might fail
    				
    				$this->config['name']		= __('Modified Layerslider', 'avia_framework' );
    				$this->config['tab']		= __('Media Elements', 'avia_framework' );
    				$this->config['icon']		= AviaBuilder::$path['imagesURL']."sc-slideshow-layer.png";
    				$this->config['order']		= 10;
    				$this->config['target']		= 'avia-target-insert';
    				$this->config['shortcode'] 	= 'av_layerslider';
    				$this->config['tooltip'] 	= __('Display a Layerslider Slideshow', 'avia_framework' );
    				$this->config['tinyMCE'] 	= array('disable' => "true");
    				//$this->config['drag-level'] = 1;
    			}
    			
    			function extra_assets()
    			{
    				//load css
    				wp_enqueue_style( 'avia-module-slideshow-ls' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/slideshow_layerslider/slideshow_layerslider.css' , array('avia-layout'), false );
    				
    					//load js
    				wp_enqueue_script( 'avia-module-slideshow-ls' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/slideshow_layerslider/slideshow_layerslider.js' , array('avia-shortcodes'), false, TRUE );
    
    			}
    			
    			/**
    			 * 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.
    			 */
    			public function editor_element($params)
    			{	
    				//fetch all registered slides and save them to the slides array
    				$slides = Avia_Config_LayerSlider()->find_layersliders( true );
    				if(empty($params['args']['id']) && is_array($slides)) $params['args']['id'] = reset($slides);				
    				if(empty($params['args']['id'])) $params['args']['id'] = "";				
    				
    				$element = array(
    					'subtype' => $slides, 
    					'type'=>'select', 
    					'std' => $params['args']['id'], 
    					'class' => 'avia-recalc-shortcode',
    					'data'	=> array('attr'=>'id')
    				);
    				
    				$inner		 = "<img src='".$this->config['icon']."' title='".$this->config['name']."' />";
    				
    				
    				if(empty($slides))
    				{
    					$inner.= "<div><a target='_blank' href='".admin_url( 'admin.php?page=layerslider' )."'>".__('No Layer Slider Found. Click here to create one','avia_framework' )."</a></div>";
    				}
    				else
    				{
    					$inner .= "<div class='avia-element-label'>".$this->config['name']."</div>";
    					$inner .= AviaHtmlHelper::render_element($element);
    					$inner .= "<a target='_blank' href='".admin_url( 'admin.php?page=layerslider' )."'>".__('Edit Layer Slider here','avia_framework' )."</a>";
    				}
    				
    				$params['class'] = "av_sidebar";
    				$params['innerHtml'] = $inner;
    				
    				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
    			 * @param array $meta
    			 * @return string $output returns the modified html string 
    			 */
    			public function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = array() )
    			{
    				 $atts = shortcode_atts( array(
    												'id'	=>	0
    											), $atts, $this->config['shortcode'] );
    				
    				$output  = "";
    				
    				avia_sc_layersliderB::$slide_count++;
    				
    				$skipSecond = false;
    				$params = array();
    
    				/**
    				 * Get selected slider or last slider
    				 */
    				$slider = Avia_Config_LayerSlider()->get_default_slider( $atts['id'] );
    				
    				if( ! empty( $slider ) )
    				{		
    					$atts['id'] = $slider['id'];
    					$slides = json_decode( $slider['data'], true );	
    					$height = $slides['properties']['height'];	
    					$width  = $slides['properties']['width'];	
    					$responsive = ! empty( $slides['properties']['responsive'] ) ? $slides['properties']['responsive'] : '';
    					$responsiveunder = ! empty( $slides['properties']['responsiveunder'] ) ? $slides['properties']['responsiveunder'] : '';
    
    					$params['style'] = " style='height: ".($height+1)."px;' ";
    				}
    				else
    				{
    					/**
    					 * Force an error message in frontend for admins
    					 */
    					$atts['id'] = 0;
    				}
    				
    				
    				$params['class'] = "avia-layerslider main_color avia-shadow ".$meta['el_class'];
    				$params['open_structure'] = false;
    				
    				//we dont need a closing structure if the element is the first one or if a previous fullwidth element was displayed before
    				if(empty($meta['index'])) $params['close'] = false;
    				if(!empty($meta['siblings']['prev']['tag']) && in_array($meta['siblings']['prev']['tag'], AviaBuilder::$full_el_no_section )) $params['close'] = false;
    				
    				if(!empty($meta['index'])) $params['class'] .= " slider-not-first";
    				$params['id'] = "layer_slider_".( avia_sc_layersliderB::$slide_count );
    				
    				
    				$output .=  avia_new_section($params);
    				
    				if(class_exists('LS_Shortcode') && method_exists('LS_Shortcode', 'handleShortcode')) //fix for search results page - only works with latest LayerSlider versions
    				{
    					$output .= LS_Shortcode::handleShortcode( $atts );
    				}
    				else if(function_exists('layerslider_init')) //fix for search results page - only works with older LayerSlider versions
    				{
    					$output .= layerslider_init( $atts );
    				}
    				
    				$output .= "</div>"; //close section
    				
    				
    				//if the next tag is a section dont create a new section from this shortcode
    				if(!empty($meta['siblings']['next']['tag']) && in_array($meta['siblings']['next']['tag'], AviaBuilder::$full_el ))
    				{
    				    $skipSecond = true;
    				}
    
    				//if there is no next element dont create a new section.
    				if(empty($meta['siblings']['next']['tag']))
    				{
    				    $skipSecond = true;
    				}
    				
    				if(empty($skipSecond)) {
    				
    				$output .= avia_new_section(array('close'=>false, 'id' => "after_layer_slider_".avia_sc_layersliderB::$slide_count));
    				
    				}
    				
    				return $output = preg_replace("#</div>.*?</div>.*?</main>.*?</div>.*?</div>#","",$output);
    			}
    			
    	}
    }

    Then you will have a Modified Layerslider. You can use this code in any playcement, like 2/3 or 1/3 rows. And its working too. But this is also a very unnice solution to update it everywhere as the main slider shortcode not working anymore. Somewhere is a “if used load the js for the slider” and it doesn’t recognise the shortcode as a slider.
    I cant find that stuff yet.

    Would be awesome if Kiersi would beta test such stuff and not releasing such a big update, without any good support. Is somebody alive in this board except customer complaining?

    PS: I don’t know if it is working with all LAyout possibilities. PErhaps the avia_new_section function dioes the closing of all section which needts to be removed, instead of my replace… But your feedback will show me if its working everywhere or not.

    • This reply was modified 7 years, 8 months ago by BlutVampir.
    #948895

    Hey hackoffseries,

    Thank you for using enfold.

    Yes, that’s possible. Adjust the background position on mobile view.

    @media only screen and (max-width: 1024px) {
    .avia-fullscreen-slider .avia-slideshow>ul>li {
        background-position: center center !important;
    }
    }

    You can also user percentage values if you want to specify the actual position of the background image.

    @media only screen and (max-width: 1024px) {
    .avia-fullscreen-slider .avia-slideshow>ul>li {
        background-position: 50% 50% !important;
    }
    }

    Please note that this modification will affect every fullscreen slider in the site. Use the custom css class field so that you can adjust the selector in the css above.

    Best regards,
    Ismael

    #946942

    Topic: finding a shortcode ?

    in forum Enfold
    smarta-brett
    Participant

    on this page http://gccre.com.au/ (access pw = ” twist ” )

    I have a full width slider – I want to add this slider image and link to a template page for a plug-in
    this is a page using the tempolate
    http://gccre.com.au/commercial/professional-offices-2/

    for the moment I have just used the code generated on the page (shown below) and the image sits there ok – but I know it is not correct and will not update if the slider is updated in the admin

    I’ve manage to discover the shortcode (hook or whatever its called) for the widget panel

    but can you tell me what the shortcode/hook is or where/how I can find it?

    here is the code I have used for the moment

    <div id="full_slider_2" class="avia-fullwidth-slider main_color avia-shadow   avia-builder-el-5  el_after_av_one_third  avia-builder-el-last  slider-not-first container_wrap fullsize"><div data-size="no scaling" data-lightbox_size="large" data-animation="slide" data-ids="16703" data-video_counter="0" data-autoplay="false" data-bg_slider="false" data-slide_height="" data-handle="av_slideshow_full" data-interval="5" data-class=" " data-css_id="" data-scroll_down="" data-control_layout="av-control-default" data-custom_markup="" data-perma_caption="" data-autoplay_stopper="" data-image_attachment="" data-min_height="0px" data-src="" data-position="top left" data-repeat="no-repeat" data-attach="scroll" data-stretch="" class="avia-slideshow avia-slideshow-2  av-control-default avia-slideshow-no scaling av_slideshow_full   avia-slide-slider" itemprop="ImageObject" itemscope="itemscope" itemtype="https://schema.org/ImageObject"><ul class="avia-slideshow-inner" style="padding: 0px;"><li class="av-single-slide slide-1  active-slide" style="visibility: visible; opacity: 1; transition: none; transform: translateZ(0px);"><div data-rel="slideshow-2" class="avia-slide-wrap"><div class="caption_fullwidth av-slideshow-caption caption_bottom"><div class="container caption_container"><div class="slideshow_caption"><div class="slideshow_inner_caption"><div class="slideshow_align_caption"><a href="http://gccre.com.au/contact/" class="avia-slideshow-button avia-button avia-color-black " data-duration="800" data-easing="easeInOutQuad">contact us</a></div></div></div></div></div><img src="http://gccre.com.au/wp-content/uploads/2018/04/bottom-final.jpg" width="2000" height="377" title="bottom-final" alt="" itemprop="thumbnailUrl" style="left: 0px;"></div></li></ul></div></div>
    
    #946291

    further to posting I have been able get rid of the php errors

    now it’s just a layout issue with this page
    http://gccre.com.au/commercial/large-office-training-facility/
    as explained above I want to add the footer image and the widget area to the right on this page
    I’ve dropped the footer in using

    <div id="full_slider_2" class="avia-fullwidth-slider main_color avia-shadow avia-builder-el-5 el_after_av_one_third avia-builder-el-last slider-not-first container_wrap fullsize"><div data-size="no scaling" data-lightbox_size="large" data-animation="slide" data-ids="16703" data-video_counter="0" data-autoplay="false" data-bg_slider="false" data-slide_height="" data-handle="av_slideshow_full" data-interval="5" data-class=" " data-css_id="" data-scroll_down="" data-control_layout="av-control-default" data-custom_markup="" data-perma_caption="" data-autoplay_stopper="" data-image_attachment="" data-min_height="0px" data-src="" data-position="top left" data-repeat="no-repeat" data-attach="scroll" data-stretch="" class="avia-slideshow avia-slideshow-2 av-control-default avia-slideshow-no scaling av_slideshow_full avia-slide-slider" itemprop="ImageObject" itemscope="itemscope" itemtype="https://schema.org/ImageObject"><ul class="avia-slideshow-inner" style="padding: 0px;"><li class="av-single-slide slide-1 active-slide" style="visibility: visible; opacity: 1; transition: none; transform: translateZ(0px);"><div data-rel="slideshow-2" class="avia-slide-wrap"><div class="caption_fullwidth av-slideshow-caption caption_bottom"><div class="container caption_container"><div class="slideshow_caption"><div class="slideshow_inner_caption"><div class="slideshow_align_caption"><a href="http://gccre.com.au/contact/" class="avia-slideshow-button avia-button avia-color-black " data-duration="800" data-easing="easeInOutQuad">contact us</a></div></div></div></div></div><img src="http://gccre.com.au/wp-content/uploads/2018/04/bottom-final.jpg" width="2000" height="377" title="bottom-final" alt="" itemprop="thumbnailUrl" style="left: 0px;"></div></li></ul></div></div>

    which I got off “inspect ” code in Chrome and it has the result I want but I’m pretty sure its not the correct way to do it – BUT at least i know how & where to drop the correct code

    so I was hoping you could tell me what is or where I could find the correct code to drop into the template file

    #944057

    Hi,
    Thank you :)
    FOOTER:
    – Rope separator with drop shadow, same as header and https://www.campbellhillsguestranch.com.
    For the shadow I added:

    #footer {
    box-shadow: 0px -1px 14px 4px rgba(0,0,0,.4);
    }

    – Can the social icons be in the footer, like https://www.campbellhillsguestranch.com?
    the social icons are built into the socket, below the footer, I enabled so you can see at:
    Enfold Theme Options > Footer > Default Footer Widgets & Socket Settings
    – Can I add a button into the footer?
    I added a button into your third footer widget area, HTML block. Notice the class is different than the top button so it will stay in the footer.

    <a class="footer-res-button" href="https://www.campbellhillsguestranch.com/site/guest-ranch-vacations/rates-and-availability.html">Reservations</a>

    the css:

    a.footer-res-button,a.footer-res-button:visited {
        display: inline-block;
        font: 400 16px/32px 'EB Garamond',"Times New Roman",Georgia,serif;
        text-decoration: none;
        text-align: center;
        color: #fff;
        padding: 0 15px;
        margin: 0 auto;
        min-width: 24px;
        letter-spacing: .05em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px dashed #33270E;
        background-image: url(//static.campbellhillsguestranch.com/themes/CampBell17/images/layout/leatherBG-light.jpg);
        background-repeat: repeat-x;
        background-position: left center;
        transition: transform .3s,box-shadow .3s;
    }

    BUTTONS:
    – Can I customize the buttons to have a particular background image (not just colour)? They can all be the same, but Id like to use an image, like https://www.campbellhillsguestranch.com/.
    I found buttons on the activity page and on the contact page, so I used them as the models for your buttons in which this css will add the background image:

    a.avia-button {
        font: 400 16px/32px 'EB Garamond',"Times New Roman",Georgia,serif!important; 
        color: #fff!important; 
        border-style: none!important; 
        background-color: #e4d7bf !important;
        background-image: url(//static.campbellhillsguestranch.com/themes/CampBell17/images/layout/leatherBG-light.jpg)!important; 
        background-repeat: repeat-x;
        background-position: left center;
    }

    FORM:
    – Can I customize the size of the words and spacing between form elements?
    I only see a contact form on your site, so to change the font size please try:

    #top label {
        font-size: 0.92em!important; 
    }

    I didn’t apply, this is the size it is now, try changing to “1.2em” or more to suit.
    as for the form spacing I assume you mean to the right of “first name” & “email” so they are not touching:

    p#element_avia_1_1,p#element_avia_3_1 {
    padding-right: 10px;
    }

    I didn’t apply, please adjust to suit.

    OK, so lets see how these look, we still need to fix the “overlapping”.
    Hopefully, these will be ok and then we can tackle the “Body” :)

    Best regards,
    Mike

    #942269

    Hi,
    Let’s try something a little different, I copied the code of your contact form and changed the order so the button was first, then I added a class “inline” so any css we add wouldn’t effect any other form.
    Please add this code, your form, to a code block on your page:

    <form action="https://getprint.co.il/%d7%a6%d7%95%d7%a8-%d7%a7%d7%a9%d7%a8/" method="post" class="avia_ajax_form av-form-labels-hidden   avia-builder-el-13  el_after_av_one_full  el_before_av_image  av-custom-form-color av-dark-form " data-avia-form-id="1" data-avia-redirect=""><fieldset>
    	<p class="first_form form_element form_element_fourth modified_width inline"><input type="hidden" value="1" name="avia_generated_form1"><input type="submit" value="שלח" class="button" data-sending-label="Sending"></p>
    	<p class="form_element form_element_fourth inline" id="element_avia_1_1"> <input name="avia_1_1" class="text_input is_empty" type="text" id="avia_1_1" value="" placeholder="שם מלא*"></p>
    	<p class=" form_element form_element_fourth inline" id="element_avia_2_1"> <input name="avia_2_1" class="text_input is_phone" type="text" id="avia_2_1" value="" placeholder="טלפון לחזרה*"></p>
    	<p class=" form_element form_element_fourth av-last-visible-form-element inline" id="element_avia_3_1"> <input name="avia_3_1" class="text_input is_number" type="text" id="avia_3_1" value="" placeholder="דואר אלקטרוני*"></p>
    	<p class="hidden"><input type="text" name="avia_4_1" class="hidden " id="avia_4_1" value=""></p>
    </fieldset></form>
    

    then use this css:

    #top .avia_ajax_form .form_element_fourth.inline {
        width: 23.4%!important; 
        margin-right: 0 !important; 
    }

    Expected results:
    2018-04-15_135150

    Best regards,
    Mike

Viewing 30 results - 271 through 300 (of 612 total)