Viewing 30 results - 181 through 210 (of 11,218 total)
  • Author
    Search Results
  • #1478202

    Hey Munford,

    Thank you for the inquiry.

    You can wrap the icons inside a container with the flex display. Example:

    
    <div style="display: flex; justify-content: center; gap: 10px;">
    <p style="text-align: center;">[av_font_icon icon='ue800' font='fontello' style='' caption='' size='40px' position='left' color='' link='manually,https://open.spotify.com/show/4Gp6TacLep5lwryRswr1eM' link_dynamic='' linktarget='_blank' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-4br8jf' sc_version='1.0' admin_preview_bg=''][/av_font_icon]</p>
    <p style="text-align: center;">[av_font_icon icon='uf2ce' font='spotify' style='' caption='' size='40px' position='left' color='' link='manually,https://podcasts.apple.com/dk/podcast/third-ear/id336149343' link_dynamic='' linktarget='_blank' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-2jxs7f' sc_version='1.0' admin_preview_bg=''][/av_font_icon]</p>
    
    </div>
    

    If you want to add a custom icon to the theme, please check this documentation: https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options

    Best regards,
    Ismael

    mexi33330
    Participant

    Hallo :-)
    wie kann ich die Meldung:

    Welcome to Enfold 7.0 introducing a nice feature:

    SVG Icons – Check our documentation to get deeper insight and how to use them

    Bugfixes – Check our changelog for all changes
    Check our documentation to get deeper insight

    Did you already explore:

    Custom Layout And Dynamic Content: Use custom fields and create editable layouts using custom fields
    Custom Elements: Create your own styled editable ALB elements for a consistent layout throughout your site
    Follow Upcoming Fixes for the next release

    You miss the classic editor:

    You can switch to this editor any time you like without using a plugin in our theme options: Theme Options Tab -> Select Your Editor

    löschen – einen Demissbutton gibt es nicht – wenn ich oben aufs X klicke erscheint die Meldung immer wieder. Vielleicht weiß jemand Rat?

    LMS
    Participant

    Consent Dialogue: button (“lock icon”) not displayed on Firefox mobile

    Enfold version: 7.0
    Browser: Firefox mobile, v 135.0.1
    OS: Android 14
    Samsung One UI version 6.1

    Example: leathermen.ch

    LMS
    Participant

    Consent Dialogue: [av_privacy_google_tracking] button is greyed out for Firefox (desktop). Works correctly on Edge, Chrome, Safari

    Enfold version: 7.0
    Browser: Firefox 135.0.1 (aarch64)
    OS: MacOS 15.3.1 (24D70)

    Example: leathermen.ch

    LMS
    Participant

    I need help for a bug in the Enfold Consent Preferences Dialogue.

    iOS users report that they cannot scroll to the end of the dialogue on load. They first need to interact with the accordeon, ie. open a section of a category. Only afterwards, they can scroll to the buttons. The issue is persistent and was already present at earlier versions of the theme.

    Please advise and provide a fix.

    Enfold version: 7.0

    Example: leathermen.ch

    #1478043

    In reply to: Enfold 7.0

    I have looked it several times and nothing stands out that would render my elements completely ignored.
    I’ve attached one of the elements so you can see it.

    <?php
    /**
     * AMG Tabs and tabs
     *
     * Creates tabs or accordions
     */
    if( ! defined( 'ABSPATH' ) ) {  exit;  }    // Exit if accessed directly
    
    if( ! class_exists( 'amg_sc_cards', false ) )
    {
        class amg_sc_cards extends aviaShortcodeTemplate
        {
            use \aviaBuilder\traits\scNamedColors;
            use \aviaBuilder\traits\scButtonStyles;
            /**
             *
             * @var int
             */
            static protected $toggle_id = 1;
    
            /**
             *
             * @var int
             */
            static protected $counter = 1;
    
            /**
             *
             * @var int
             */
            static protected $initial = 0;
    
            /**
             *
             * @var array
             */
            static protected $tags = array();
    
            /**
             * Google search only accepts 1 Tag “FAQPage”
             *
             * @since 5.0
             * @var int
             */
            static protected $total = 0;
    
            /**
             *
             * @since 4.8.8
             * @var boolean
             */
            protected $in_sc_exec;
    
            /**
             *
             * @since 4.9
             * @var string
             */
            protected $heading_tag;
    
            /**
             *
             * @since 4.9
             * @var string
             */
            protected $heading_class;
    
            /**
             *
             * @since 4.5.5
             * @param AviaBuilder $builder
             */
            public function __construct( $builder )
            {
                $this->in_sc_exec = false;
                $this->heading_tag = '';
                $this->heading_class = '';
    
                parent::__construct( $builder );
    
                $this->_construct_scNamedColors();
                $this->_construct_scButtonStyles();
            }
    
            /**
             * @since 4.5.5
             */
            public function __destruct()
            {
                $this->_destruct_scNamedColors();
                $this->_destruct_scButtonStyles();
                parent::__destruct();
            }
    
            /**
             * Create the config array for the shortcode button
             */
            protected function shortcode_insert_button()
            {
                $this->config['version']		= '1.0';
                $this->config['self_closing']	= 'no';
                $this->config['base_element']	= 'yes';
    
                $this->config['name']			= __( 'Cards', 'avia_framework' );
                $this->config['tab']			= __( 'AMG Elements', 'avia_framework' );
                $this->config['icon']			= AviaBuilder::$path['imagesURL'] . 'sc-contentslider.png';
                $this->config['order']			= 270;
                $this->config['target']			= 'avia-target-insert';
                $this->config['shortcode']		= 'amg_card_container';
                $this->config['shortcode_nested'] = array( 'amg_card' );
                $this->config['tooltip']		= __( 'Creates a new Cards Layout Group', 'avia_framework' );
                $this->config['tinyMCE']		= array( 'tiny_always' => true );
                $this->config['preview']		= true;
                $this->config['disabling_allowed'] = true;
                $this->config['id_name']		= 'id';
                $this->config['id_show']		= 'yes';
                $this->config['alb_desc_id']	= 'alb_description';
                $this->config['name_item']		= __( 'AMG Card Item', 'avia_framework' );
                $this->config['tooltip_item']	= __( 'An AMG Card Item', 'avia_framework' );
            }
    
            protected function admin_assets()
            {
                $ver = AbstraktEnfoldExtensions::get_plugin_version();
                $developMode = AbstraktEnfoldExtensions::developMode();
                $lastmodtime = $developMode ? rand(1, 999999999) : $ver;
                //load css
                wp_enqueue_style( 'amg-cards', plugin_dir_url(__FILE__) . "cards.min.css", array( 'avia-layout' ), $lastmodtime );
                wp_enqueue_script( 'amg-cards', plugin_dir_url(__FILE__) . "cards.min.js", array( 'avia-shortcodes' ), $lastmodtime, true );
    
            }
    
            protected function extra_assets()
            {
    
                $ver = AbstraktEnfoldExtensions::get_plugin_version();
                $developMode = AbstraktEnfoldExtensions::developMode();
                $lastmodtime = $developMode ? rand(1, 999999999) : $ver;
                //load css
                wp_enqueue_style( 'amg-cards', plugin_dir_url(__FILE__) . "cards.css", array( 'avia-layout' ), $lastmodtime );
                wp_enqueue_script( 'amg-cards', plugin_dir_url(__FILE__) . "cards.js", array( 'avia-shortcodes' ), $lastmodtime, 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
             */
            protected function popup_elements()
            {
                $this->elements = array(
    
                    array(
                        'type' 	=> 'tab_container',
                        'nodescription' => true
                    ),
    
                    array(
                        'type' 	=> 'tab',
                        'name'  => __( 'Content', 'avia_framework' ),
                        'nodescription' => true
                    ),
    
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'toggle_container',
                        'templates_include'	=> array(
                            $this->popup_key( 'content_amg_card' )
                        ),
                        'nodescription' => true
                    ),
    
                    array(
                        'type' 	=> 'tab_close',
                        'nodescription' => true
                    ),
    
                    array(
                        'type' 	=> 'tab',
                        'name'  => __( 'Automation', 'avia_framework' ),
                        'nodescription' => true
                    ),
    
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'toggle_container',
                        'templates_include'	=> array(
                            $this->popup_key( 'behavior_intro' ),
                            $this->popup_key( 'style_behavior' )
                        ),
                        'nodescription' => true
                    ),
    
                    array(
                        'type' 	=> 'tab_close',
                        'nodescription' => true
                    ),
    
                    array(
                        'type' 	=> 'tab',
                        'name'  => __( 'Styling', 'avia_framework' ),
                        'nodescription' => true
                    ),
    
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'toggle_container',
                        'templates_include'	=> array(
                            $this->popup_key( 'styling_card_dimensions' ),
                            $this->popup_key( 'styling_colors' ),
                            $this->popup_key( 'styling_font_sizes' )
                        ),
                        'nodescription' => true
                    ),
    
                    array(
                        'type' 	=> 'tab_close',
                        'nodescription' => true
                    ),
    
                    array(
                        'type' 	=> 'tab',
                        'name'  => __( 'Advanced', 'avia_framework' ),
                        'nodescription' => true
                    ),
    
                    array(
                        'type' 	=> 'toggle_container',
                        'nodescription' => true
                    ),
    
                    array(
                        'type'			=> 'template',
                        'template_id'	=> $this->popup_key( 'advanced_heading' ),
                        'nodescription' => true
                    ),
    
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'screen_options_toggle',
                        'lockable'		=> true
                    ),
    
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'developer_options_toggle',
                        'args'			=> array( 'sc' => $this )
                    ),
    
                    array(
                        'type' 	=> 'toggle_container_close',
                        'nodescription' => true
                    ),
    
                    array(
                        'type' 	=> 'tab_close',
                        'nodescription' => true
                    ),
    
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'element_template_selection_tab',
                        'args'			=> array( 'sc' => $this )
                    ),
    
                    array(
                        'type' 	=> 'tab_container_close',
                        'nodescription' => true
                    )
    
                );
    
            }
    
            /**
             * Create and register templates for easier maintainance
             *
             * @since 4.6.4
             */
            protected function register_dynamic_templates()
            {
    
                $this->register_modal_group_templates();
    
                /**
                 * Content Tab
                 * ===========
                 */
    
                $c = array(
                    array(
                        'name'			=> __( 'Add/Edit Card', 'avia_framework' ),
                        'desc'			=> __( 'Here you can add, remove and edit the tabs you want to display.', 'avia_framework' ),
                        'type'			=> 'modal_group',
                        'id'			=> 'content',
                        'modal_title'	=> __( 'Edit Card Element', 'avia_framework' ),
                        'editable_item'	=> true,
                        'lockable'		=> true,
                        'tmpl_set_default'	=> false,
                        'std'			=> array(
                            array( 'title' => __( 'Card 1', 'avia_framework' ), 'tags' => '' ),
                            array( 'title' => __( 'Card 2', 'avia_framework' ), 'tags' => '' ),
                        ),
                        'subelements'	=> $this->create_modal()
                    ),
    
                    array(
                        'name' 	=> __( 'Title Position', 'avia_framework' ),
                        'desc' 	=> __( 'Select one of the 4 choices', 'avia_framework' ),
                        'id' 	=> 'title_position',
                        'type' 	=> 'select',
                        'std' 	=> 'bottom',
                        'lockable'	=> true,
                        'subtype'	=> array(
                            __( 'Top', 'avia_framework' )	    => 'top',
                            __( 'Bottom', 'avia_framework' )	=> 'bottom',
                            __( 'Full', 'avia_framework' )	    => 'full',
                            __( 'None', 'avia_framework' )	    => 'none',
                        )
                    )
                );
    
                $template = array(
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'toggle',
                        'title'			=> __( 'Cards', 'avia_framework' ),
                        'content'		=> $c
                    ),
                );
    
                AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'content_amg_card' ), $template );
    
                $c = array(
    
                    array(
                        'name' 	=> __( 'Hover Animation', 'avia_framework' ),
                        'desc' 	=> __( 'Select the style of hover animation', 'avia_framework' ),
                        'id' 	=> 'animation',
                        'type' 	=> 'select',
                        'std' 	=> 'up',
                        'lockable'	=> true,
                        'subtype'	=> array(
                            __( 'Up', 'avia_framework' )	=> 'up',
                            __( 'Down', 'avia_framework' )	=> 'down',
                            __( 'Fade', 'avia_framework' )	=> 'fade',
                            __( 'Flip', 'avia_framework' )	=> 'flip',
                        )
                    ),
                    array(
                        'name' 	=> __( 'Column Order', 'avia_framework' ),
                        'desc' 	=> __( 'Select the column order', 'avia_framework' ),
                        'id' 	=> 'column',
                        'type' 	=> 'select',
                        'std' 	=> 'row',
                        'lockable'	=> true,
                        'subtype'	=> array(
                            __( 'Forward', 'avia_framework' )	=> 'row',
                            __( 'Reverse', 'avia_framework' )	=> 'row-reverse',
                        )
                    )
                );
    
                $template = array(
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'toggle',
                        'title'			=> __( 'Hover', 'avia_framework' ),
                        'content'		=> $c
                    ),
                );
    
                AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'style_behavior' ), $template );
    
                $c = array(
                    array(
                        'name' 	=> __( 'Intro', 'avia_framework' ),
                        'desc' 	=> __( 'Choose to use active style class', 'avia_framework' ),
                        'id' 	=> 'intro',
                        'type' 	=> 'select',
                        'std' 	=> '',
                        'lockable'	=> true,
                        'subtype'	=> AbstraktEnfoldExtensions::get_intro_animations()
                    ),
                    array(
                        'name' 	=> __( 'Duration', 'avia_framework' ),
                        'desc' 	=> __( 'Select duration of time this animation will run', 'avia_framework' ),
                        'id' 	=> 'duration',
                        'type' 	=> 'select',
                        'std' 	=> 's100',
                        'lockable'	=> true,
                        'required' => array( 'intro', 'not', '' ),
                        'subtype'	=> AbstraktEnfoldExtensions::get_duration_times()
                    ),
    
                );
                $template = array(
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'toggle',
                        'title'			=> __( 'Intro', 'avia_framework' ),
                        'content'		=> $c
                    ),
                );
    
                AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'behavior_intro' ), $template );
    
                /**
                 * Styling Tab
                 * ===========
                 */
                $c =  array(
                    array(
                        'name' 	=> __( 'Container Layout', 'avia_framework' ),
                        'desc' 	=> __( 'Either use the widget default colors or apply some custom ones', 'avia_framework' ),
                        'id' 	=> 'card_layout',
                        'type' 	=> 'select',
                        'std' 	=> '',
                        'lockable'	=> true,
                        'subtype'	=> array(
                            __( 'Default', 'avia_framework' )				=> '',
                            __( 'Define Custom layout', 'avia_framework' )	=> 'custom'
                        ),
                    ),
                    array(
                        'name' 	=> __( 'Container Max Width', 'avia_framework' ),
                        'desc' 	=> __( 'Enter your minimum height for each glow in pixels', 'avia_framework' ),
                        'id' 	=> 'max_width',
                        'type' 	=> 'input',
                        'std' 	=> '1400px',
                        'lockable'	=> true,
                        'required'	=> array( 'card_layout', 'equals', 'custom' )
                    ),
                    array(
                        'name' 	=> __( 'Container Min Height', 'avia_framework' ),
                        'desc' 	=> __( 'Enter your minimum height for each card in pixels', 'avia_framework' ),
                        'id' 	=> 'min_height',
                        'type' 	=> 'input',
                        'std' 	=> '580px',
                        'lockable'	=> true,
                        'required'	=> array( 'card_layout', 'equals', 'custom' )
                    ),
                    array(
                        'name' 	=> __( 'Column Count', 'avia_framework' ),
                        'desc' 	=> __( 'This number will be the maximum number of cards per row.', 'avia_framework' ),
                        'id' 	=> 'flex',
                        'type' 	=> 'select',
                        'std' 	=> '0 1 33.33%',
                        'lockable'	=> true,
                        'subtype'	=> array(
                            __( '1', 'avia_framework' )     => '0 1 100%',
                            __( '2', 'avia_framework' )	    => '0 1 50%',
                            __( '3', 'avia_framework' )	    => '0 1 33.33%',
                            __( '4', 'avia_framework' )	    => '0 1 25%',
                            __( '5', 'avia_framework' )	    => '0 1 20%'
                        ),
                        'required'	=> array( 'card_layout', 'equals', 'custom' )
                    ),
                    array(
                        'name' 	=> __( 'Box Shadow', 'avia_framework' ),
                        'desc' 	=> __( 'Either use the card default box shadow or apply a custom one', 'avia_framework' ),
                        'id' 	=> 'box',
                        'type' 	=> 'select',
                        'std' 	=> '',
                        'lockable'	=> true,
                        'subtype'	=> array(
                            __( 'Default', 'avia_framework' )		    => '',
                            __( 'Define Box Shadow', 'avia_framework' )	=> 'custom'
                        )
                    ),
                    array(
                        'name' 	=> __( 'Box Shadow', 'avia_framework' ),
                        'desc' 	=> __( 'Enter your custom box-shadow using standard CSS Syntax', 'avia_framework' ),
                        'id' 	=> 'box-shadow',
                        'type' 	=> 'input',
                        'std' 	=> '0 0 3px #ccc',
                        'rgba' 	=> true,
                        'lockable'	=> true,
                        'required'	=> array( 'box', 'equals', 'custom' ),
                    ),
                    array(
                        'name'		=> __( 'Border Radius', 'avia_framework' ),
                        'desc'		=> __( 'Set the border radius of the column', 'avia_framework' ),
                        'id'		=> 'border_radius',
                        'type'		=> 'multi_input',
                        'sync'		=> true,
                        'std'		=> '',
                        'lockable'	=> true,
                        'multi'		=> array(
                            'top'		=> __( 'Top-Left-Radius', 'avia_framework' ),
                            'right'		=> __( 'Top-Right-Radius', 'avia_framework' ),
                            'bottom'	=> __( 'Bottom-Right-Radius', 'avia_framework' ),
                            'left'		=> __( 'Bottom-Left-Radius', 'avia_framework' )
                        )
                    ),
                    array(
                        'name'	    => __( 'Folded Corner', 'avia_framework' ),
                        'desc'	    => __( 'Set the border radius of the column', 'avia_framework' ),
                        'id'	    => 'corner',
                        'type' 	    => 'select',
                        'std' 	    => '',
                        'lockable'	=> true,
                        'subtype'	=> array(
                            __( 'Yes', 'avia_framework' )   => 'yes',
                            __( 'No', 'avia_framework' )	=> 'no'
                        )
                    ),
    
                );
                $template = array(
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'toggle',
                        'title'			=> __( 'Container', 'avia_framework' ),
                        'content'		=> $c
                    ),
                );
    
                AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'styling_card_dimensions' ), $template );
    
                $c = array(
                    array(
                        'name' 	=> __( 'Colors', 'avia_framework' ),
                        'desc' 	=> __( 'Either use the themes default colors or apply some custom ones', 'avia_framework' ),
                        'id' 	=> 'colors',
                        'type' 	=> 'select',
                        'std' 	=> '',
                        'lockable'	=> true,
                        'subtype'	=> array(
                            __( 'Default', 'avia_framework' )				=> '',
                            __( 'Define Custom Colors', 'avia_framework' )	=> 'custom'
                        )
                    ),
    
                    array(
                        'name' 	=> __( 'Title Font Color', 'avia_framework' ),
                        'desc' 	=> __( 'Select a custom color for the toggle icon. Leave empty to use default', 'avia_framework' ),
                        'id' 	=> 'title_font_color',
                        'type' 	=> 'colorpicker',
                        'std' 	=> '',
                        'rgba' 	=> true,
                        'lockable'	=> true,
                        'required'	=> array( 'colors', 'equals', 'custom' ),
                        'container_class'	=> 'av_third av_third_first',
                    ),
                    array(
                        'name' 	=> __( 'Title Background Color', 'avia_framework' ),
                        'desc' 	=> __( 'Select a custom color for the toggle icon. Leave empty to use default', 'avia_framework' ),
                        'id' 	=> 'title_bg_color',
                        'type' 	=> 'colorpicker',
                        'std' 	=> '',
                        'rgba' 	=> true,
                        'lockable'	=> true,
                        'required'	=> array( 'colors', 'equals', 'custom' ),
                        'container_class'	=> 'av_third av_third_last',
                    ),
    
                    array(
                        'name' 	=> __( 'Content Font Color', 'avia_framework' ),
                        'desc' 	=> __( 'Select a custom font color. Leave empty to use the default', 'avia_framework' ),
                        'id' 	=> 'font_color',
                        'type' 	=> 'colorpicker',
                        'std' 	=> '',
                        'rgba' 	=> true,
                        'lockable'	=> true,
                        'required'	=> array( 'colors', 'equals', 'custom' ),
                        'container_class'	=> 'av_third av_third_first'
                    ),
    
                    array(
                        'name' 	=> __( 'Background Color', 'avia_framework' ),
                        'desc' 	=> __( 'Select a custom background color. Leave empty to use the default', 'avia_framework' ),
                        'id' 	=> 'background_color',
                        'type' 	=> 'colorpicker',
                        'std' 	=> '',
                        'rgba' 	=> true,
                        'lockable'	=> true,
                        'required'	=> array( 'colors', 'equals', 'custom' ),
                        'container_class'	=> 'av_third',
                    )
                );
    
                $template = array(
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'toggle',
                        'title'			=> __( 'Colors', 'avia_framework' ),
                        'content'		=> $c
                    ),
                );
    
                AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'styling_colors' ), $template );
    
                $c = array(
                    array(
                        'name'			=> __( 'Title Font Sizes', 'avia_framework' ),
                        'desc'			=> __( 'Select a custom font size for the toggle title. Using non default values might need CSS styling.', 'avia_framework' ),
                        'type'			=> 'template',
                        'template_id'	=> 'font_sizes_icon_switcher',
                        'lockable'		=> true,
                        'textfield'		=> true,
                        'subtype'		=> array(
                            'default'	=> AviaHtmlHelper::number_array( 10, 50, 1, array( __( 'Use Default', 'avia_framework' ) => '' ), 'px' ),
                            'desktop'	=> AviaHtmlHelper::number_array( 10, 50, 1, array( __( 'Use Default', 'avia_framework' ) => '' ), 'px' ),
                            'medium'	=> AviaHtmlHelper::number_array( 10, 40, 1, array( __( 'Use Default', 'avia_framework' ) => '', __( 'Hidden', 'avia_framework' ) => 'hidden' ), 'px' ),
                            'small'		=> AviaHtmlHelper::number_array( 10, 40, 1, array( __( 'Use Default', 'avia_framework' ) => '', __( 'Hidden', 'avia_framework' ) => 'hidden' ), 'px' ),
                            'mini'		=> AviaHtmlHelper::number_array( 10, 40, 1, array( __( 'Use Default', 'avia_framework' ) => '', __( 'Hidden', 'avia_framework' ) => 'hidden' ), 'px' )
                        ),
                        'id_sizes'		=> array(
                            'default'	=> 'size-title',
                            'desktop'	=> 'av-desktop-font-size-toggle',
                            'medium'	=> 'av-medium-font-size-toggle',
                            'small'		=> 'av-small-font-size-toggle',
                            'mini'		=> 'av-mini-font-size-toggle'
                        )
                    ),
    
                    array(
                        'name'			=> __( 'Content Font Sizes', 'avia_framework' ),
                        'desc'			=> __( 'Select a custom font size for the content.', 'avia_framework' ),
                        'type'			=> 'template',
                        'template_id'	=> 'font_sizes_icon_switcher',
                        'lockable'		=> true,
                        'textfield'		=> true,
                        'subtype'		=> array(
                            'default'	=> AviaHtmlHelper::number_array( 10, 50, 1, array( __( 'Use Default', 'avia_framework' ) => '' ), 'px' ),
                            'desktop'	=> AviaHtmlHelper::number_array( 10, 50, 1, array( __( 'Use Default', 'avia_framework' ) => '' ), 'px' ),
                            'medium'	=> AviaHtmlHelper::number_array( 10, 40, 1, array( __( 'Use Default', 'avia_framework' ) => '', __( 'Hidden', 'avia_framework' ) => 'hidden' ), 'px' ),
                            'small'		=> AviaHtmlHelper::number_array( 10, 40, 1, array( __( 'Use Default', 'avia_framework' ) => '', __( 'Hidden', 'avia_framework' ) => 'hidden' ), 'px' ),
                            'mini'		=> AviaHtmlHelper::number_array( 10, 40, 1, array( __( 'Use Default', 'avia_framework' ) => '', __( 'Hidden', 'avia_framework' ) => 'hidden' ), 'px' )
                        ),
                        'id_sizes'		=> array(
                            'default'	=> 'size-content',
                            'desktop'	=> 'av-desktop-font-size-content',
                            'medium'	=> 'av-medium-font-size-content',
                            'small'		=> 'av-small-font-size-content',
                            'mini'		=> 'av-mini-font-size-content'
                        )
                    )
    
                );
    
                $template = array(
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'toggle',
                        'title'			=> __( 'Font Sizes', 'avia_framework' ),
                        'content'		=> $c
                    ),
                );
    
                AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'styling_font_sizes' ), $template );
    
                /**
                 * Advanced Tab
                 * ============
                 */
    
                $c = array(
                    array(
                        'type'				=> 'template',
                        'template_id'		=> 'heading_tag',
                        'theme_default'		=> 'p',
                        'name'				=> __( 'Tab Title Tag (Theme Default is <%s>)', 'avia_framework' ),
                        'desc'				=> __( 'Select a html tag for the toggle titles of this element.', 'avia_framework' ),
                        'context'			=> __CLASS__,
                        'lockable'			=> true
                    ),
    
                );
    
                $template = array(
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'toggle',
                        'title'			=> __( 'Tab Titles', 'avia_framework' ),
                        'content'		=> $c
                    ),
                );
    
                AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'advanced_heading' ), $template );
    
            }
    
            /**
             * Creates the modal popup for a single entry
             *
             * @since 4.6.4
             * @return array
             */
            protected function create_modal()
            {
                $elements = array(
    
                    array(
                        'type' 	=> 'tab_container',
                        'nodescription' => true
                    ),
    
                    array(
                        'type' 	=> 'tab',
                        'name'  => __( 'Content', 'avia_framework' ),
                        'nodescription' => true
                    ),
    
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'toggle_container',
                        'templates_include'	=> array(
                            $this->popup_key( 'modal_card_title' ),
                            $this->popup_key( 'modal_card_image' ),
                            $this->popup_key( 'modal_card_content' )
                        ),
                    ),
    
                    array(
                        'type' 	=> 'tab_close',
                        'nodescription' => true
                    ),
                    /////////////////////////////   BUTTON START //////////////////////////////
    
                    array(
                        'type' => 'tab',
                        'name' => __( 'Button', 'avia_framework' ),
                        'nodescription' => true
                    ),
                    array(
                        'type' => 'template',
                        'template_id' => 'toggle_container',
                        'templates_include' => array(
                            $this->popup_key( 'modal_button' ),
                            $this->popup_key( 'modal_button_link' ),
                            $this->popup_key( 'styling_button_appearance' ),
                            $this->popup_key( 'styling_button_fonts' ),
                            $this->popup_key( 'styling_button_margin_padding' ),
                            $this->popup_key( 'styling_button_colors' ),
                            'border_toggle',
                            'box_shadow_toggle',
                            $this->popup_key( 'advanced_button_animation' )
                        ),
                        'nodescription' => true
                    ),
                    array(
                        'type' => 'tab_close',
                        'nodescription' => true
                    ),
                    /////////////////////////////   BUTTON END ////////////////////////////////
    
                    array(
                        'type' 	=> 'tab',
                        'name'  => __( 'Advanced', 'avia_framework' ),
                        'nodescription' => true
                    ),
    
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'toggle_container',
                        'templates_include'	=> array(
                            $this->popup_key( 'modal_advanced_developer' )
                        ),
                        'nodescription' => true
                    ),
    
                    array(
                        'type' 	=> 'tab_close',
                        'nodescription' => true
                    ),
    
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'element_template_selection_tab',
                        'args'			=> array(
                            'sc'			=> $this,
                            'modal_group'	=> true
                        )
                    ),
    
                    array(
                        'type' 	=> 'tab_container_close',
                        'nodescription' => true
                    )
    
                );
    
                return $elements;
            }
    
            /**
             * Register all templates for the modal group popup
             *
             * @since 4.6.4
             */
            protected function register_modal_group_templates()
            {
                /**
                 * Content Tab
                 * ===========
                 */
    
                $c = array(
                    array(
                        'name' 	=> __( 'Card Title', 'avia_framework' ),
                        'desc' 	=> __( 'Enter the card title here (Better keep it short)', 'avia_framework' ),
                        'id' 	=> 'title',
                        'type' 	=> 'input',
                        'std' 	=> 'Tab Title',
                        'lockable'	=> true,
                    )
                );
    
                $template = array(
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'toggle',
                        'title'			=> __( 'Title', 'avia_framework' ),
                        'content'		=> $c
                    ),
                );
    
                AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'modal_card_title' ), $template );
    
                $c = array(
                    array(
                        'name'		=> __( 'Card Image', 'avia_framework' ),
                        'desc'		=> __( 'Either upload a new, or choose an existing image from your media library', 'avia_framework' ),
                        'id'		=> 'src',
                        'type'		=> 'image',
                        'title'		=> __( 'Insert Image', 'avia_framework' ),
                        'button'	=> __( 'Insert', 'avia_framework' ),
                        'std'		=> AviaBuilder::$path['imagesURL'] . 'placeholder.jpg',
                        'lockable'	=> true,
                        'locked'	=> array( 'src', 'attachment', 'attachment_size' )
                    ),
                    array(
                        'name'		=> __( 'Image Position', 'avia_framework' ),
                        'desc'		=> __( 'Either upload a new, or choose an existing image from your media library', 'avia_framework' ),
                        'id'		=> 'image_position',
                        'type'		=> 'select',
                        'std'		=> 'bottom',
                        'lockable'	=> true,
                        'locked'	=> array( 'src', 'attachment', 'attachment_size' ),
                        'subtype'	=> array(
                            __( 'Top', 'avia_framework' )		=> 'top',
                            __( 'Bottom', 'avia_framework' )    => 'bottom',
                            __( 'Above', 'avia_framework' )	    => 'above',
                            __( 'Below', 'avia_framework' )	    => 'below',
                        )
                    )
                );
                $template = array(
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'toggle',
                        'title'			=> __( 'Image', 'avia_framework' ),
                        'content'		=> $c
                    ),
                );
    
                AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'modal_card_image' ), $template );
    
                $c = array(
                    array(
                        'name' 	=> __( 'Card Content', 'avia_framework' ),
                        'desc' 	=> __( 'Enter some content here', 'avia_framework' ),
                        'id' 	=> 'content',
                        'type' 	=> 'tiny_mce',
                        'std' 	=> __( 'Tab Content goes here', 'avia_framework' ),
                        'lockable'	=> true,
                    ),
                );
                $template = array(
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'toggle',
                        'title'			=> __( 'Content', 'avia_framework' ),
                        'content'		=> $c
                    ),
                );
    
                AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'modal_card_content' ), $template );
    
                /////////////////////////////   BUTTON START ////////////////////////////// BUTTON START ////////////////////////////////
    
                $template = AbstraktEnfoldExtensions::amg_enfold_section('Button');
                AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'modal_button' ), $template );
                $template = AbstraktEnfoldExtensions::amg_enfold_section('Link Settings');
                AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'modal_button_link' ), $template );
                $template = AbstraktEnfoldExtensions::amg_enfold_section('Appearance');
                AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'styling_button_appearance' ), $template );
                $template = AbstraktEnfoldExtensions::amg_enfold_section('Font Sizes');
                AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'styling_button_fonts' ), $template );
                $c = AbstraktEnfoldExtensions::amg_enfold_section('Button Margin And Padding');
                AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'styling_button_margin_padding' ), $c );
                $template = AbstraktEnfoldExtensions::amg_enfold_section('Colors');
                AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'styling_button_colors' ), $template );
                $template = AbstraktEnfoldExtensions::amg_enfold_section('Animation');
                AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'advanced_button_animation' ), $template );
    
                /////////////////////////////   BUTTON END ////////////////////////////// BUTTON END ////////////////////////////////
    
                $setting_id = Avia_Builder()->get_developer_settings( 'custom_id' );
                $class = in_array( $setting_id, array( 'deactivate', 'hide' ) ) ? 'avia-hidden' : '';
    
                $c = array(
                    array(
                        'name' 	=> __( 'For Developers: Custom Tab ID','avia_framework' ),
                        'desc' 	=> __( 'Insert a custom ID for the element here. Make sure to only use allowed characters (latin characters, underscores, dashes and numbers, no special characters can be used)','avia_framework' ),
                        'id' 	=> 'custom_id',
                        'type' 	=> 'input',
                        'std' 	=> '',
                        'container_class'	=> $class,
                    )
                );
    
                $template = array(
                    array(
                        'type'			=> 'template',
                        'template_id'	=> 'toggle',
                        'title'			=> __( 'Developer Settings', 'avia_framework' ),
                        'content'		=> $c
                    ),
                );
    
                AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'modal_advanced_developer' ), $template );
    
            }
    
            /**
             * 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			holds the default values for $content and $args.
             * @return array				usually holds an innerHtml key that holds item specific markup.
             */
            public function editor_sub_element( $params )
            {
                $default = array();
                $locked = array();
                $attr = $params['args'];
                Avia_Element_Templates()->set_locked_attributes( $attr, $this, $this->config['shortcode_nested'][0], $default, $locked );
    
                $template = $this->update_option_lockable( 'title', $locked );
    
                $params['innerHtml']  = '';
                $params['innerHtml'] .= "<div class='avia_title_container' {$template} data-update_element_template='yes'>{$attr['title']}</div>";
    
                return $params;
            }
    
            /**
             * Create custom stylings
             *
             * @since 4.8.4
             * @param array $args
             * @return array
             */
            protected function get_element_styles( array $args )
            {
                $result = parent::get_element_styles( $args );
    
                extract( $result );
    
                $default = array(
                    'faq_markup'		        => '',
                    'styling'			        => '',
                    'colors'			        => '',
                    'border_color'		        => '',
                    'title_font_color'	        => '',
                    'title_background_color'	=> '',
                    'font_color'		        => '',
                    'background_color'	        => '',
                    'background_title_color'	=> '',
                );
    
                $default = $this->sync_sc_defaults_array( $default, 'no_modal_item', 'no_content' );
    
                $locked = array();
                Avia_Element_Templates()->set_locked_attributes( $atts, $this, $shortcodename, $default, $locked, $content );
                Avia_Element_Templates()->add_template_class( $meta, $atts, $default );
                $meta = aviaShortcodeTemplate::set_frontend_developer_heading_tag( $atts, $meta );
    
                $this->in_sc_exec = true;
    
                $atts = shortcode_atts( $default, $atts, $this->config['shortcode'] );
                
                //	set heading tag for all titles - save global
                $default_heading = ! empty( $meta['heading_tag'] ) ? $meta['heading_tag'] : 'h3';
    
                $args = array(
                    'heading'		=> $default_heading,
                    'extra_class'	=> $meta['heading_class']
                );
    
                $extra_args = array( $this, $atts, $content, 'title' );
    
                /**
                 * @since 4.9
                 * @return array
                 */
                $args = apply_filters( 'avf_customize_heading_settings', $args, __CLASS__, $extra_args );
    
                $this->heading_tag = ! empty( $args['heading'] ) ? $args['heading'] : $default_heading;
                $this->heading_class = ! empty( $args['extra_class'] ) ? $args['extra_class'] : $meta['heading_class'];
    
                $element_styling->create_callback_styles( $atts );
    
                $classes = array(
                    'cardContainer',
                    $element_id,
                    $atts['styling']
                );
    
                $element_styling->add_classes( 'item_container', $classes );
                $element_styling->add_classes_from_array( 'item_container', $meta, 'el_class' );
                $element_styling->add_responsive_classes( 'item_container', 'hide_element', $atts );
                $element_styling->add_responsive_font_sizes( 'title', 'size-title', $atts, $this );
                $element_styling->add_responsive_font_sizes( 'title', 'size-title', $atts, $this );
                $element_styling->add_responsive_font_sizes( 'toggle-content', 'size-content', $atts, $this );
    
                if ($atts['card_layout'] == 'custom') {
                    $element_styling->add_styles( 'item_container', array(
                        'max-width'	=> $atts['max_width'],
                    ) );
                    $element_styling->add_styles( 'column', array(
                        'flex'	    => str_replace(',', ' ', $atts['flex']),
                    ) );
                    $element_styling->add_styles( 'border', array(
                        'border-radius'	=> str_replace(',', ' ', $atts['border_radius']),
                    ) );
                }
    
                if( 'custom' == $atts['colors'] )
                {
                    $element_styling->add_styles( 'content', array(
                        'color'				=> $atts['font_color'],
                    ) );
                    $element_styling->add_styles( 'title', array(
                        'color'				=> $atts['title_font_color'],
                    ));
                    $element_styling->add_styles( 'tBackground', array(
                        'background-color'	=> $atts['title_bg_color'],
                    ));
                    $element_styling->add_styles( 'flip', array(
                        'box-shadow'	=> $atts['box-shadow'],
                    ));
                }
    
                if ($atts['corner'] != 'yes') {
                    $element_styling->add_styles( 'corner', array(
                        'border-style'	=> 'none',
                    ));
                }
    
                //	#top needed when placed inside section
                $selectors = array(
                    'column'            => "#top #wrap_all .cardContainer.{$element_id} .amg-flex-box .amg-flex-column",
                    'item_container'    => "#top #wrap_all .cardContainer.{$element_id}",
                    'title'		        => "#top #wrap_all .cardContainer.{$element_id} .amg-card-container {$this->heading_tag}.amg-card-title",
                    'content'	        => "#top #wrap_all .cardContainer.{$element_id} .amg-card-container .amg-card-content",
                    'contentTitle'	    => "#top #wrap_all .cardContainer.{$element_id} .amg-card-container {$this->heading_tag}.amg-card-content-title",
                    'tBackground'	    => "#top #wrap_all .cardContainer.{$element_id} .amg-card-container .card-title-container",
                    'flip'	            => "#top #wrap_all .cardContainer.{$element_id} .amg-card-container .amg-flip-box",
                    'border'            => "#top #wrap_all .cardContainer.{$element_id} .amg-card-container .amg-flip-box,
                                            #top #wrap_all .cardContainer.{$element_id} .amg-card-container,
                                            #top #wrap_all .cardContainer.{$element_id} .amg-card-container .amg-card-content,
                                            #top #wrap_all .cardContainer.{$element_id} .amg-card-container .amg-card-image,
                                            #top #wrap_all .cardContainer.{$element_id} .amg-card-container .card-title-container",
                    'corner'            => "#top #wrap_all .cardContainer.{$element_id} .amg-card-container  .card-title-container:before "
                );
    
                $element_styling->add_selectors( $selectors );
    
                $result['default'] = $default;
                $result['atts'] = $atts;
                $result['content'] = $content;
                $result['meta'] = $meta;
                $result['element_styling'] = $element_styling;
    
                $this->parent_atts = $atts;
                amg_sc_cards::$initial = $atts['initial'];
                amg_sc_cards::$tags = array();
    
                $this->el_styling = $element_styling;
    
                return $result;
            }
    
            /**
             * Create custom stylings for items
             *
             * @since 4.8.4
             * @param array $args
             * @return array
             */
            protected function get_element_styles_item( array $args )
            {
                $result = parent::get_element_styles_item( $args );
    
                /**
                 * Fixes a problem when 3-rd party plugins call nested shortcodes without executing main shortcode  (like YOAST in wpseo-filter-shortcodes)
                 */
                if( ! $this->in_sc_exec )
                {
                    return $result;
                }
                extract( $result );
                $default = array(
                    'title'			=> '',
                    'tags'			=> '',
                    'custom_id'		=> '',
                    'custom_markup'	=> ''
                );
                $default = $this->sync_sc_defaults_array( $default, 'modal_item', 'no_content' );
                $locked = array();
                Avia_Element_Templates()->set_locked_attributes( $atts, $this, $shortcodename, $default, $locked, $content );
    
                $classes = array(
                    'card',
                    $element_id
                );
    
                $element_styling->add_classes( 'item_container', $classes );
                $element_styling->add_classes( 'item_container', $this->class_by_arguments( 'icon_select, size, position', $atts, true, 'array' ) );
                $element_styling->add_responsive_classes( 'item_container', 'hide_element', $atts );
                $element_styling->add_responsive_font_sizes( 'container', 'size-content', $atts, $this );
    
                $this->set_button_styes( $element_styling, $atts );
    
                /////////////////////////////   BUTTON START ////////////////////////////// BUTTON START ////////////////////////////////
                if( $atts['icon_select'] == 'yes' )
                {
                    $atts['icon_select'] = 'yes-left-icon';
                }
                $classes = array(
                    'avia-button',
                    $element_id
                );
    
                $element_styling->add_classes( 'container', $classes );
                $element_styling->add_classes( 'container', $this->class_by_arguments( 'button_icon_select, size, position', $atts, true, 'array' ) );
                $element_styling->add_responsive_classes( 'container', 'hide_element', $atts );
                $element_styling->add_responsive_font_sizes( 'container', 'size-text', $atts, $this );
                $element_styling->add_responsive_font_sizes( 'button_icon', 'size-button-icon', $atts, $this );
    
                $element_styling->add_classes( 'wrap', $element_id . '-wrap' );
    
                $this->set_button_styes( $element_styling, $atts );
    
                if( ! empty( $atts['css_position'] ) )
                {
                    $element_styling->add_responsive_styles( 'wrap', 'css_position', $atts, $this );
                }
    
                $element_styling->add_responsive_styles( 'container', 'margin', $atts, $this );
                $element_styling->add_responsive_styles( 'container', 'padding', $atts, $this );
    
                if( ! in_array( $atts['animation'], array( 'no-animation', '' ) ) )
                {
                    if( false !== strpos( $atts['animation'], 'curtain-reveal-' ) )
                    {
                        $classes_curtain = array(
                            'avia-curtain-reveal-overlay',
                            'av-animated-when-visible-95',
                            'animate-all-devices',
                            $atts['animation']
                        );
    
                        //	animate in preview window
                        if( is_admin() )
                        {
                            $classes_curtain[] = 'avia-animate-admin-preview';
                        }
    
                        $element_styling->add_classes( 'curtain', $classes_curtain );
                        $element_styling->add_callback_styles( 'curtain', array( 'animation' ) );
                    }
                    else
                    {
                        $wrap_classes = array(
                            'avia_animated_button',
                            'av-animated-when-visible-95',
    //										'animate-all-devices',
                            $atts['animation']
                        );
    
                        if( is_admin() )
                        {
                            $wrap_classes[] = 'avia-animate-admin-preview';
    
                            $element_styling->add_callback_styles( 'wrap', array( 'animation' ) );
                        }
                        else
                        {
                            $element_styling->add_callback_styles( 'wrap-animation', array( 'animation' ) );
                        }
    
                        $element_styling->add_classes( 'wrap', $wrap_classes );
                    }
                }
                /////////////////////////////   BUTTON END //////////////////////////////// BUTTON END //////////////////////////////////
    
                $selectors = array(
                    'item_container'	=> ".cardContainer .amg-card-container.{$element_id}",
                    'content'	        => ".cardContainer .amg-card-container.{$element_id} .amg-card-content"
                );
    
                /////////////////////////////   BUTTON START ////////////////////////////// BUTTON START ////////////////////////////////
                $selectors = AbstraktEnfoldExtensions::amg_button_append_selectors($selectors, $element_id);
                /////////////////////////////   BUTTON END //////////////////////////////// BUTTON END //////////////////////////////////
    
                $element_styling->add_selectors( $selectors );
    
                $result['default'] = $default;
                $result['atts'] = $atts;
                $result['content'] = $content;
                $result['element_styling'] = $element_styling;
    
                return $result;
            }
    
            /**
             * 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
             */
            public function shortcode_handler( $atts, $content = '', $shortcodename = '', $meta = '' )
            {
                $result = $this->get_element_styles( compact( array( 'atts', 'content', 'shortcodename', 'meta' ) ) );
    
                extract( $result );
                extract( $atts );
    
                $this->subitem_inline_styles = '';
    
                amg_sc_cards::$counter = 1;
    
                $content = ShortcodeHelper::avia_remove_autop( $content, true );
    
                $style_tag = $element_styling->get_style_tag( $element_id );
                $item_tag = $element_styling->style_tag_html( $this->subitem_inline_styles, 'sub-' . $element_id );
                $container_class = $element_styling->get_class_string( 'item_container' );
                $class = $atts['animation'];
                $class .= " {$atts['title_position']}";
    
                $output  = '';
                $output .= $style_tag;
                $output .= $item_tag;
                $output .= "<div id='app' data-animated='{$atts['intro']}' data-duration='{$atts['duration']}' data-height='{$atts['min_height']}' data-mobile-height='{$atts['mobile_min_height']}' {$meta['custom_el_id']} class='{$container_class} {$class}' {$markup_faq}>";
                $output .= "<div class='amg-flex-box'>";
                $output .= $content;
                $output .= '</div>';
                $output .= '</div>';
    
                $this->in_sc_exec = false;
    
                return $output;
            }
    
            /**
             * Shortcode handler
             *
             * @param array $atts
             * @param string $content
             * @param string $shortcodename
             * @return string
             */
            public function amg_card( $atts, $content = '', $shortcodename = '' )
            {
                /**
                 * Fixes a problem when 3-rd party plugins call nested shortcodes without executing main shortcode  (like YOAST in wpseo-filter-shortcodes)
                 */
                if( ! $this->in_sc_exec )
                {
                    return '';
                }
    
                $result = $this->get_element_styles_item( compact( array( 'atts', 'content', 'shortcodename' ) ) );
    
                extract( $result );
                $toggle_atts = $atts;
    
                $this->subitem_inline_styles .= $element_styling->get_style_tag( $element_id, 'rules_only' );
    
                /////////////////////////////   BUTTON START //////////////////////////////// BUTTON START //////////////////////////////////
    
                $output  = '';
                $output .= $style_tag;
                $button = '';
    
                if( '' != $atts['color_options'] )
                {
                    if( 'custom' != $atts['btn_color_bg_hover'] && 'btn_custom_grad' != $atts['btn_color_bg'] )
                    {
                        //	must be added otherwise we get a bottom border !!!
    //					$style_hover = "style='background-color:{$atts['btn_color_bg_hover']};'";
    
                        if( $this->is_special_button_color( $atts['btn_color_bg_hover'] ) )
                        {
                            $background_hover = "<span class='avia_button_background avia-button avia-color-{$atts['btn_color_bg_hover']}' {$style_hover}></span>";
                        }
                    }
                }
    
                $style_tag = $element_styling->get_style_tag( $element_id );
                $wrap_class = $element_styling->get_class_string( 'wrap' );
                $button_container_class = $element_styling->get_class_string( 'container' );
                if ($atts['button'] == 'yes') {
                    $button = AbstraktEnfoldExtensions::amg_create_button($atts, $meta, $button_container_class, $style_tag, $wrap_class, $background_hover);
                }
    
                /////////////////////////////   BUTTON END //////////////////////////////// BUTTON END //////////////////////////////////
    
                $output .= "<div class='amg-flex-column card'>";
                $output .= '<div class="amg-card-container">';
                $output .= '<div class="amg-flip-box">';
                $output .= '<div class="amg-card-content">';
                $output .= ShortcodeHelper::avia_apply_autop( ShortcodeHelper::avia_remove_autop( $content ) );
                $output .= $button;
                $output .= '</div>';
                $output .= '<div id="' . $toggle_atts['custom_id'] . '" class="amg-card-image" id="card-image-' . $toggle_atts['custom_id'] . '"><img alt="' . $toggle_atts['title'] . '" src="' . $toggle_atts['src'] . '"></div>';
                $output .= "<div class='card-title-container'><{$this->heading_tag} class='amg-card-title'>" . $toggle_atts['title'] . "</{$this->heading_tag}></div>";;
                $output .= '</div>';
                $output .= '</div>';
                $output .= '</div>';
    
                amg_sc_cards::$counter ++;
    
                return $output;
            }
        }
    }
    
    #1478014
    Sebastian Scheffler
    Guest

    Hi! Can I buy a new support license? I already have two licenses for Enfold. So I only need the support part.

    I urgently need help for a bug in the Enfold Consent Preferences Dialogue. iOS users can only scroll to the bottom of the dialogue (where the buttons sit) and proceed after they opened at least one of the sections. This needs to be fixed. Example: leathermen.ch

    #1477571

    In reply to: Mobile screen result

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 479px) { 
    #top.home .slideshow_inner_caption {
        width: 50%;
    }
        #top.home .avia-slideshow .av-slideshow-caption .avia-caption-content p {
            font-size: 9px;
            line-height: 9px;
            margin-bottom: 0;
        }
       #top.home .avia-slideshow .avia-slideshow-button {
       	margin-top: 10px;
       	font-size: 9px;
       }
    }

    Enfold Support 6586

    Best regards,
    Mike

    #1477419

    I”m having the same issue (full width slider images not showing up I can see the navigation buttons but no images). Tried the above and my defaults are already disabled. Yes, I tried disabling all plugins.
    Enfold is up to date, WordPress is up to date.

    #1477391

    Hi Guys,

    Hope you’re doing well.

    We’ve been updating two pages on our staging site. After cloning the site to the live environment, we’ve encountered a few issues:

    The homepage is displaying the Enfold logo in the top left instead of our own, and the main menu navigation is missing. The rest of the homepage content appears correctly.

    One of the pages we’ve been working on is showing an old version in a normal browser but the updated version in incognito mode. We’ve cleared the cache, but the issue persists.

    Another page has two buttons with anchor links pointing to the contact form at the bottom, but the links aren’t working. Anchor links on other pages function as expected.

    When viewing the staging site, everything appears as expected, including the updated information and the correct homepage header.

    Could you advise on what might be causing these issues and how we can resolve them?

    Thanks in advance for your help!

    Regard,
    Matt

    Hey MM,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .avia_transform .av_slideshow_full .active-slide .avia-caption-title, .avia_transform .av_fullscreen .active-slide .avia-caption-title,
    .avia_transform .av_fullscreen .active-slide .avia-caption-content,
    .avia_transform .av_fullscreen .active-slide .avia-slideshow-button {
        visibility: visible;
        animation: caption-left 1s 1 cubic-bezier(0.1, 0.1, 0.1, 1)!important;
    }

    This will make the title, subtitle, and buttons slide in from the left at the same time.

    Best regards,
    Mike

    epkdesign
    Participant

    Hi, I found some older posts dealing with this. But they seem to reference classes and files that I can’t find, so I feel like enfold might have updated to the point the fixes are no longer valid.

    I tried using the solution mentioned here https://kriesi.at/support/topic/html-for-turning-on-audio/#post-1477062, specifically the one that links to here https://webers-testseite.de/mute-unmute/, but I could not find the shortcode folder within enfold, or the sections.php to copy into my child theme. Have they moved somewhere else, or is there a different place I can find the code that is mentioned?

    The video I’m trying to use is currently hosted on youtube. I did see some mention of needing to be self-hosted, but it seemed confusing as to what situation that applied to.

    Also, I’d ideally like to use the fontello icons included with enfold to be the mute and unmute button. Can I just use the content/font css instead of a background image in the css?

    #1477062

    Hi, I am trying to put in a button for audio on a background video in a color section. I looked in Guenni007’s example, but I can’t seem to find a shortcodes folder in my parent Enfold theme, with the sections.php file that is mentioned. Has this moved/updated since that fix was posted, or am I looking in the wrong place?

    I would also like to use the fontello icons for the mute buttons. Can I just use the css content/font family style for those, in lieu of a background image?

    The current video i’m trying to use is a YouTube video. Does the above post imply that the fix will not work with those, the video must be self hosted?

    Thank you for any help you can give.

    #1477045
    saucyhotdesign
    Participant

    On our site the Enfold page builder elements are not showing and the button to switch between Default Editor and Advanced Layout Builder is also missing.

    This is what we see:
    screenshot

    From another of our sites this is more what we would expect to see:
    screenshot

    We are running what should be the latest versions: WordPress 6.7.2 and Enfold 6.0.9

    I have disabled all plugins.

    Please advise what we need to do.

    Thank you

    #1477036

    Hi Rikard,
    I’m now facing the same problem. I’ve pushed the gutenberg editor button and now I can’t switch back from the WP block editor to the Enfold layout editor.
    Could you please advise?
    Thank you!

    #1476953
    Augeundso
    Participant

    Hi,
    i think enfold has the possibillity of a “nach oben” button for longer pages to scroll to top?
    Cannot find where to activate. Maybe just for smartphones?
    Thanks in advance
    Auge

    #1476836
    lizenzen8
    Participant

    Hello,
    we are new to ENFOLD and try to get an intranet working with WP + ENFOLD. As advised I created a child theme which seems to be working. However, when I try to implement a textblock with fold/unfold function in a column this doesn’t work. We want to have 3 columns side by side, each with folded content which unfolds when clicking on the “weiterlesen” (read more) button. The only thing you see though is the “read more” button. Looking at the code, I realised that the code for the button is above the code for the textblock. This should be beneath the textblock. Also the whole content of the textblock is hidden, instead of just the bottom of it. What did I do wrong? Greetings Ruth

    #1476820

    This text is already there before you fill out the form, so that’s fine. But you see exactly the problem, after filling out the form you should get the Paypal buttons displayed, but unfortunately this is no longer possible with Enfold. If I activate a standard template, then it works again…

    #1476806
    THP Studio
    Participant

    Hey Gunter,

    We might have a bug with how the enfold parser is handling tags that are inserted into an ALB element. Across multiple sites now we have randomly had images disappear entirely from the page, and from the source code. This only seems to ONLY affect images that are inserted via an img tag, and not via the ALB Image element or any sliders etc.

    Eg: Insert a text block via ALB. Use the Add Media button to add an image.
    Eg: Insert a timeline via ALB. Use the Add Media button to add an image.

    The page will work just fine, but then after some days randomly some of these images will not only be gone from the front end, but entirely missing from the backend as well, even in the shortcode debugging section. Then entire img tag just gets completely stripped out, like it was never there.

    Have you had any reported instances of something like this before, or can you take a look at how Enfold parses these and see if you can spot any issues?

    This has been occurring now for a couple of months across multiple sites.

    Thanks a lot

    Tim

    • This topic was modified 1 year, 2 months ago by THP Studio.
    #1476546

    Hello Ismael,

    Thanks for your assistance. I was able to solve this by using the button class as a trigger to open the popup instead of setting an anchor link with a #.
    Consider this issue closed.

    I would prefer to do a script solution so that my client can simply add buttons in the future instead of needing to use the code block. I did add the custom class of “pop-button” to the buttons that are intended to open the popup(s) but couldn’t figure out how to disable the scrolling to top.

    Javascript is not my skill set. I tried several script solutions found online before contacting Enfold support and none actually worked. If you can point me to a script that does work, that is greatly appreciated. I have the plugin Code Snippets installed so I can add a script to the header or footer as needed.

    • This reply was modified 1 year, 2 months ago by rlhinirv57. Reason: Solved the issue
    #1476407

    Normally the Paypal buttons appear after clicking on the button, but this is currently only sent if I activate a standard theme instead of Enfold.

    Normalerweise öffnet erscheinen nach dem klick auf den Button die Paypal Buttons, dies geschickt aktuell jedoch nur, wenn ich anstatt Enfold ein standard Theme aktiviere.

    #1476219

    In reply to: custom element

    Hey wolfgangspelitz,

    Thank you for the inquiry.

    Once a Custom Element Template (CET) is created, go to the Custom Elements tab inside the Advanced Layout Builder (ALB). Hover over the custom element you want to modify, then click the Edit (pencil icon) button. For more details about CET, please refer to this documentation: https://kriesi.at/documentation/enfold/custom-element-templates/#basics

    Best regards,
    Ismael

    #1476079
    cygrafix1
    Participant

    Hey, I downloaded and installed the newest enfold version and got also the newest WordPress.
    Trying to make changes on sites and frontsite, I got the fail: Failed to initialize plugin: Avia_Builder_button, but the extended builder pops up, so that I can fill in my changes. BUT I can change textes, but if I want to change color, the picked color is shown, I just can’t click on the save button. Nothing happens. I need to close the dialog with the X.

    Hallo,
    ich habe die neueste Enfold Version geladen und auch das neuste WordPress. Wenn ich versuche eine Änderung vorzunehmen und auf Seiten klicke, bekomme ich zunächst die Fehlermeldung Failed to initialize plugin: avia_builder_button.
    Ich kann dann Texte anpassen, aber wenn ich z.B. die Hintergrundfarbe einer Rasterzeile anpassen möchte, wird mir die Farbauswahl angezeigt, der “Speichern” Button funktioniert jedoch nicht. Ich muss das Dialogfenster mit dem X schließen.

    • This topic was modified 1 year, 2 months ago by cygrafix1.
    #1475970

    Hey Jason,

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

    .avia-buttonrow-wrap .avia-button {
      width: 120px;
      min-width: 120px; 
    }

    Best regards,
    Rikard

    #1475961
    Jason
    Participant

    I have a button row I am using on my site and it is starting to look very messy as all of the buttons are different sizes and not lining up to any grid.

    I would like to clean this up and have the buttons all the same size and look cleaner by being the same size and spacing on the rows and columns.

    Am running WP 6.7.1 with Enfold 6.0.6. Thank you for any advice or help on this matter.

    Something similar to this would be nice as an idea where the buttons are the same size and it looks uniform:
    https://us.macmillan.com/books/9781250281364/aragetoconquer/

    Hi,

    You have to manually adjust the Styling > Button Bar Style settings of the Social Buttons element. We set it to Circle to test. Please note that the Enfold Child Theme Options > Blog Layout > Share Button Bar Style settings are intended for the social sharing icons in the posts.

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

    Dear Ismael,

    Sorry about the late response. I’ll have to look at it again. In the meantime, I have an another issue: the Enfold Child Theme Options > Blog Layout > “Share Button Bar Style” option is not working properly. Specifically, when I choose a different style, whether Rectangular, Buttons, Circle or Icon, it does not change the front end on my webpage: https://AbogadoNotarioOnline.com/ (the social profiles are at the bottom). If you can go in to try and fix it, that would be great!

    Thanks a lot!

    Ramon

    #1475817

    Hey pikkuapuri,
    Bluesky & Pixelfed are not available on fontello.com where our icon fonts are from.
    Our Dev Team is reviewing the Feature Request for Bluesky, but we will probably need to wait until it is on fontello.com.
    For now, follow the steps in this thread and change the code from “TikTok” to Bluesky or Pixelfed and the icon font character code to yours (ie: ue800) also ensure quotes in the code that you copy and paste is not changed.
    Note that the icon fonts can not be in color, only black and white, and when you upload a SVG to fontello.com you may need to adjust as in this thread.

    Best regards,
    Mike

    #1475814

    In reply to: Accessbility help

    Hi,
    1: When I check the burger menu has the landmark “role=”navigation””
    2: To add a role=”button” please request open a new Github Feature Request for the Dev Team review.
    3: you have a duplicate thread for this.

    Best regards,
    Mike

    #1475638
    dp-beheer
    Participant

    Hi Enfold,

    I am trying to translate the Fold/Unfold text which I have set-up in Dutch. However, I can’t seem to find the translation in WPML anywhere, not in the page translation menu but also not in the theme settings. I can only find the label for it, but not the input I gave it.

    Please see the link attached and toggle between the languages to see that the ‘Lees meer’ button is not able to be translated (or I am missing something)

    Looking forward to your reply.

Viewing 30 results - 181 through 210 (of 11,218 total)