-
AuthorSearch Results
-
March 5, 2025 at 5:48 pm #1478689
In reply to: Enfold 7.0
<?php /*.. Plugin Name: Abstrakt Enfold Extensions Plugin URI: https://abstraktmg.com Description: Plugin for Abstrakt Marketing Group Designers Only Author: Nathaniel Riggins Author URI: https://abstraktmg.com Version: 2.0.5 License: Private */ if ( !defined('ABSPATH') ) { die('-1'); } if (!class_exists('AbstraktEnfoldExtensions')) { class AbstraktEnfoldExtensions { public string $plugin; private array $elements = array( 'accordion', 'aces', 'badges', 'billboard', 'bulletin', 'button', 'cards', 'carousel', 'crawl', 'cube', 'deck', 'fashion', 'glow', 'hero', 'marquee', 'material', 'panorama', 'paper', 'pricing', 'rotators', 'tabs', 'testimonials', 'triple', 'versa', 'wall', 'waves', ); private array $deletes = array( 'animate', 'blocks', 'intros', 'navi', 'neon', 'podcasts', 'posters', 'sticky', 'text', 'traveler', ); // Class construct function __construct() { $this->plugin = plugin_basename(__FILE__); add_action('wp_enqueue_scripts', array($this, 'load_scripts')); add_action('admin_enqueue_scripts', array($this, 'load_admin_scripts')); add_action('init', array($this, 'includeClasses')); add_action('avia_builder_mode', array($this, 'builder_set_debug')); add_action('admin_menu', array($this, 'amg_enfold_admin_menu')); add_action('admin_init', array($this, 'amg_enfold_admin_settings_init')); add_action('wp_footer', array($this, 'amg_enfold_popup')); add_action( 'init', array($this, 'add_all_image_sizes')); } function add_all_image_sizes() :void { ///// AUTO SIZES /// add_image_size( 'amg-auto-300', 300); add_image_size( 'amg-auto-500', 500); add_image_size( 'amg-auto-750', 750); add_image_size( 'amg-auto-1000', 1000); add_image_size( 'amg-auto-1250', 1250); add_image_size( 'amg-auto-1500', 1500); add_image_size( 'amg-auto-2000', 2000); add_image_size( 'amg-portrait-300', 300, 400, true ); add_image_size( 'amg-portrait-450', 450, 600, true ); add_image_size( 'amg-portrait-600', 600, 800, true ); add_image_size( 'amg-portrait-750', 750, 1000, true ); add_image_size( 'amg-landscape-320', 320, 180, true ); add_image_size( 'amg-landscape-480', 480, 270, true ); add_image_size( 'amg-landscape-720', 720, 405, true ); add_image_size( 'amg-landscape-960', 960, 540, true ); add_image_size( 'amg-landscape-1440', 1440, 810, true ); add_image_size( 'amg-landscape-1920', 1920, 1080, true ); } function builder_set_debug() { return "debug"; } public static function get_image_sizes() : array { return array( __( 'None', 'avia_framework' ) => '', __( 'Auto 300w', 'avia_framework' ) => 'amg-auto-300', __( 'Auto 500w', 'avia_framework' ) => 'amg-auto-500', __( 'Auto 750w', 'avia_framework' ) => 'amg-auto-750', __( 'Auto 1000w', 'avia_framework' ) => 'amg-auto-1000', __( 'Auto 1250w', 'avia_framework' ) => 'amg-auto-1250', __( 'Auto 1500w', 'avia_framework' ) => 'amg-auto-1500', __( 'Auto 2000w', 'avia_framework' ) => 'amg-auto-2000', __( 'Portrait 300w', 'avia_framework' ) => 'amg-portrait-300', __( 'Portrait 450w', 'avia_framework' ) => 'amg-portrait-450', __( 'Portrait 600w', 'avia_framework' ) => 'amg-portrait-600', __( 'Portrait 750w', 'avia_framework' ) => 'amg-portrait-750', __( 'Landscape 320w', 'avia_framework' ) => 'amg-landscape-320', __( 'Landscape 480w', 'avia_framework' ) => 'amg-landscape-480', __( 'Landscape 720w', 'avia_framework' ) => 'amg-landscape-720', __( 'Landscape 960w', 'avia_framework' ) => 'amg-landscape-960', __( 'Landscape 1440w', 'avia_framework' ) => 'amg-landscape-1440', __( 'Landscape 1920w', 'avia_framework' ) => 'amg-landscape-1920', ); } public static function get_plugin_version():string { $data = get_plugin_data(__FILE__); return $data['Version']; } public static function developMode():bool { return get_option('amg_enfold_developer_mode') == 'yes'; } public function includeClasses():void { $count = count($this->elements); for ($i = 0; $i < $count; $i++) { if (get_option("amg_enfold_extensions_{$this->elements[$i]}_active") == 'yes') { include plugin_dir_path( __FILE__ ) . "/enfold/{$this->elements[$i]}/{$this->elements[$i]}.php"; } } } public function load_admin_scripts():void { $ver = AbstraktEnfoldExtensions::get_plugin_version(); $developMode = AbstraktEnfoldExtensions::developMode(); $lastmodtime = $developMode ? rand(1, 999999999) : $ver; wp_enqueue_style('amg-admin-enfold', plugin_dir_url(__FILE__) . 'css/style.min.css', false, $lastmodtime); wp_enqueue_script('amg-admin-enfold-fontawesome', 'https://kit.fontawesome.com/ececabbde4.js', false, $lastmodtime); } public function load_scripts():void { $ver = AbstraktEnfoldExtensions::get_plugin_version(); $developMode = AbstraktEnfoldExtensions::developMode(); $lastmodtime = $developMode ? rand(1, 999999999) : $ver; wp_enqueue_style('amg-enfold-icons', plugin_dir_url(__FILE__) . 'css/uicons.min.css', array('avia-layout'), $lastmodtime); wp_enqueue_style( 'amg-css-animate', plugin_dir_url(__FILE__) . "css/animateCSS.min.css", array( 'avia-layout' ) ); wp_enqueue_style('amg-enfold', plugin_dir_url(__FILE__) . 'css/style.min.css', array('avia-layout'), $lastmodtime); wp_enqueue_style('amg-swiper', plugin_dir_url(__FILE__) . 'css/swiper.css', array('avia-layout'), $lastmodtime); wp_enqueue_script( 'amg-gsap', plugin_dir_url(__FILE__) . "js/gsap.min.js", array( 'amg-swiper' ), $lastmodtime, true ); wp_enqueue_script( 'amg-enfold', plugin_dir_url(__FILE__) . "js/script.min.js", array(), $lastmodtime ); wp_enqueue_script( 'amg-swiper', plugin_dir_url(__FILE__) . "js/swiper.js", array(), $lastmodtime ); } public static function get_duration_times():array { return array( __( 'None', 'avia_framework' ) => '', __( '0.1s', 'avia_framework' ) => 's100', __( '0.2s', 'avia_framework' ) => 's200', __( '0.3s', 'avia_framework' ) => 's300', __( '0.4s', 'avia_framework' ) => 's400', __( '0.5s', 'avia_framework' ) => 's500', __( '0.6s', 'avia_framework' ) => 's600', __( '0.7s', 'avia_framework' ) => 's700', __( '0.8s', 'avia_framework' ) => 's800', __( '0.9s', 'avia_framework' ) => 's900', __( '1s', 'avia_framework' ) => 's1000', __( '1.1s', 'avia_framework' ) => 's1100', __( '1.2s', 'avia_framework' ) => 's1200', __( '1.3s', 'avia_framework' ) => 's1300', __( '1.4s', 'avia_framework' ) => 's1400', __( '1.5s', 'avia_framework' ) => 's1500', __( '1.6s', 'avia_framework' ) => 's1600', __( '1.7s', 'avia_framework' ) => 's1700', __( '1.8s', 'avia_framework' ) => 's1800', __( '1.9s', 'avia_framework' ) => 's1900', __( '2s', 'avia_framework' ) => 's2000', __( '2.1s', 'avia_framework' ) => 's2100', __( '2.2s', 'avia_framework' ) => 's2200', __( '2.3s', 'avia_framework' ) => 's2300', __( '2.4s', 'avia_framework' ) => 's2400', __( '2.5s', 'avia_framework' ) => 's2500', __( '2.6s', 'avia_framework' ) => 's2600', __( '2.7s', 'avia_framework' ) => 's2700', __( '2.8s', 'avia_framework' ) => 's2800', __( '2.9s', 'avia_framework' ) => 's2900', __( '3s', 'avia_framework' ) => 's3000', ); } public static function get_delay_times():array { return array( __( 'None', 'avia_framework' ) => '', __( '0.1s', 'avia_framework' ) => 'd100', __( '0.2s', 'avia_framework' ) => 'd200', __( '0.3s', 'avia_framework' ) => 'd300', __( '0.4s', 'avia_framework' ) => 'd400', __( '0.5s', 'avia_framework' ) => 'd500', __( '0.6s', 'avia_framework' ) => 'd600', __( '0.7s', 'avia_framework' ) => 'd700', __( '0.8s', 'avia_framework' ) => 'd800', __( '0.9s', 'avia_framework' ) => 'd900', __( '1s', 'avia_framework' ) => 'd1000', __( '1.1s', 'avia_framework' ) => 'd1100', __( '1.2s', 'avia_framework' ) => 'd1200', __( '1.3s', 'avia_framework' ) => 'd1300', __( '1.4s', 'avia_framework' ) => 'd1400', __( '1.5s', 'avia_framework' ) => 'd1500', __( '1.6s', 'avia_framework' ) => 'd1600', __( '1.7s', 'avia_framework' ) => 'd1700', __( '1.8s', 'avia_framework' ) => 'd1800', __( '1.9s', 'avia_framework' ) => 'd1900', __( '2s', 'avia_framework' ) => 'd2000', __( '2.1s', 'avia_framework' ) => 'd2100', __( '2.2s', 'avia_framework' ) => 'd2200', __( '2.3s', 'avia_framework' ) => 'd2300', __( '2.4s', 'avia_framework' ) => 'd2400', __( '2.5s', 'avia_framework' ) => 'd2500', __( '2.6s', 'avia_framework' ) => 'd2600', __( '2.7s', 'avia_framework' ) => 'd2700', __( '2.8s', 'avia_framework' ) => 'd2800', __( '2.9s', 'avia_framework' ) => 'd2900', __( '3s', 'avia_framework' ) => 'd3000', ); } public static function get_slider_speeds():array { return array( __( '3s', 'avia_framework' ) => '3000', __( '4s', 'avia_framework' ) => '4000', __( '5s', 'avia_framework' ) => '5000', __( '6s', 'avia_framework' ) => '6000', __( '7s', 'avia_framework' ) => '7000', __( '8s', 'avia_framework' ) => '8000', __( '9s', 'avia_framework' ) => '9000', __( '10s', 'avia_framework' ) => '10000', __( '11s', 'avia_framework' ) => '11000', __( '12s', 'avia_framework' ) => '12000', __( '13s', 'avia_framework' ) => '13000', __( '14s', 'avia_framework' ) => '14000', __( '15s', 'avia_framework' ) => '15000', ); } public static function get_intro_animations():array { return array( array( __( 'None', 'avia_framework' ) => '', __( 'animate__bounce', 'avia_framework' ) => 'animate__animated animate__bounce', __( 'animate__flash', 'avia_framework' ) => 'animate__animated animate__flash', __( 'Back in down', 'avia_framework' ) => 'animate__animated animate__backInDown', __( 'Back in left', 'avia_framework' ) => 'animate__animated animate__backInLeft', __( 'Back in right', 'avia_framework' ) => 'animate__animated animate__backInRight', __( 'Back in up', 'avia_framework' ) => 'animate__animated animate__backInUp', __( 'Bounce in', 'avia_framework' ) => 'animate__animated animate__bounceIn', __( 'Bounce in down', 'avia_framework' ) => 'animate__animated animate__bounceInDown', __( 'Bounce in left', 'avia_framework' ) => 'animate__animated animate__bounceInLeft', __( 'Bounce in right', 'avia_framework' ) => 'animate__animated animate__bounceInRight', __( 'Bounce in up', 'avia_framework' ) => 'animate__animated animate__bounceInUp', __( 'Fade in', 'avia_framework' ) => 'animate__animated animate__fadeIn', __( 'Fade in bottom left', 'avia_framework' ) => 'animate__animated animate__fadeInBottomLeft', __( 'Fade in bottom right', 'avia_framework' ) => 'animate__animated animate__fadeInBottomRight', __( 'Fade in down', 'avia_framework' ) => 'animate__animated animate__fadeInDown', __( 'Fade down big', 'avia_framework' ) => 'animate__animated animate__fadeInDownBig', __( 'Fade in left', 'avia_framework' ) => 'animate__animated animate__fadeInLeft', __( 'Fade in left big', 'avia_framework' ) => 'animate__animated animate__fadeInLeftBig', __( 'Fade in right', 'avia_framework' ) => 'animate__animated animate__fadeInRight', __( 'Fade in right big', 'avia_framework' ) => 'animate__animated animate__fadeInRightBig', __( 'Fade in up', 'avia_framework' ) => 'animate__animated animate__fadeInUp', __( 'Fade in up big', 'avia_framework' ) => 'animate__animated animate__fadeInUpBig', __( 'Fade in top left', 'avia_framework' ) => 'animate__animated animate__fadeInTopLeft', __( 'Fade in top right', 'avia_framework' ) => 'animate__animated animate__fadeInTopRight', __( 'Flip', 'avia_framework' ) => 'animate__animated animate__flip', __( 'Flip X', 'avia_framework' ) => 'animate__animated animate__flipInX', __( 'Flip Y', 'avia_framework' ) => 'animate__animated animate__flipInY', __( 'Head Shake', 'avia_framework' ) => 'animate__animated animate__headShake', __( 'Heartbeat', 'avia_framework' ) => 'animate__animated animate__heartBeat', __( 'Hinge', 'avia_framework' ) => 'animate__animated animate__hinge', __( 'Jack In The Box', 'avia_framework' ) => 'animate__animated animate__jackInTheBox', __( 'Jello', 'avia_framework' ) => 'animate__animated animate__jello', __( 'Lightspeed in left', 'avia_framework' ) => 'animate__animated animate__lightSpeedInLeft', __( 'Lightspeed in right', 'avia_framework' ) => 'animate__animated animate__lightSpeedInRight', __( 'Mask', 'avia_framework' ) => 'animate__animated animate__pulse', __( 'Roll in', 'avia_framework' ) => 'animate__animated animate__rollIn', __( 'Rotate in', 'avia_framework' ) => 'animate__animated animate__rotateIn', __( 'Rotate down left', 'avia_framework' ) => 'animate__animated animate__rotateInDownLeft', __( 'Rotate in down right', 'avia_framework' ) => 'animate__animated animate__rotateInDownRight', __( 'Rotate in up left', 'avia_framework' ) => 'animate__animated animate__rotateInUpLeft', __( 'Rotate in up right', 'avia_framework' ) => 'animate__animated animate__rotateInUpRight', __( 'Rubber Band', 'avia_framework' ) => 'animate__animated animate__rubberBand', __( 'Shake X', 'avia_framework' ) => 'animate__animated animate__shakeX', __( 'Shake Y', 'avia_framework' ) => 'animate__animated animate__shakeY', __( 'Slide in', 'avia_framework' ) => 'animate__animated animate__slideInDown', __( 'Slide in left', 'avia_framework' ) => 'animate__animated animate__slideInLeft', __( 'Slide in right', 'avia_framework' ) => 'animate__animated animate__slideInRight', __( 'Slide in up', 'avia_framework' ) => 'animate__animated animate__slideInUp', __( 'Swing', 'avia_framework' ) => 'animate__animated animate__swing', __( 'Tada', 'avia_framework' ) => 'animate__animated animate__tada', __( 'Wobble', 'avia_framework' ) => 'animate__animated animate__wobble', __( 'Zoom in', 'avia_framework' ) => 'animate__animated animate__zoomIn', __( 'Zoom in down', 'avia_framework' ) => 'animate__animated animate__zoomInDown', __( 'Zoom in left', 'avia_framework' ) => 'animate__animated animate__zoomInLeft', __( 'Zoom in right', 'avia_framework' ) => 'animate__animated animate__zoomInRight', __( 'Zoom in up', 'avia_framework' ) => 'animate__animated animate__zoomInUp', ) ); } public static function get_button_links($type):array { $data = match ($type) { 'page' => get_pages(), default => get_posts(), }; $links = array(); foreach ($data as $link) { $links[__( $link->post_title, 'avia_framework' )] = $link->post_name; } return $links; } public static function get_full_percentage():array { $i = 1; $nums = array(); while ($i < 101) { $k = $i . '%'; $nums[$k] = $i . '%'; $i++; } return $nums; } public static function get_full_360():array { $i = 1; $nums = array(); while ($i < 361) { $k = $i; $nums[$k] = $i; $i++; } return $nums; } public static function create_button_link($atts, $b = 'button'):string { $link = ''; if (isset($atts[$b]) && $atts[$b] == 'yes') { switch ($atts[$b . '_link_type']) { case 'page': $link = home_url() . '/' . $atts[$b . '_page_link']; break; case 'post': $link .= home_url() . '/' . $atts[$b . '_post_link']; break; case 'custom': $link .= $atts[$b . '_custom_link']; break; default: } } return $link; } public static function get_seconds():array { return array( '1s' => '1s', '2s' => '2s', '3s' => '3s', '4s' => '4s', '5s' => '5s', '6s' => '6s', '7s' => '7s', '8s' => '8s', '9s' => '9s', '10s' => '10s', '11s' => '11s', '12s' => '12s', '13s' => '13s', '14s' => '14s', '15s' => '15s', '16s' => '16s', '17s' => '17s', '18s' => '18s', '19s' => '19s', '20s' => '20s', ); } public static function select_button_style():array { $arr = array ( __( 'Animated Gradient', 'avia_framework' ) => 'amg_1', __( 'Candied Colored 1', 'avia_framework' ) => 'amg_2', __( 'Candied Colored 2', 'avia_framework' ) => 'amg_3', __( 'Candied Colored 3', 'avia_framework' ) => 'amg_4', __( 'Candied Colored 4', 'avia_framework' ) => 'amg_5', __( 'Candied Colored 5', 'avia_framework' ) => 'amg_6', __( 'Candied Colored 6', 'avia_framework' ) => 'amg_7', __( 'Candied Colored 7', 'avia_framework' ) => 'amg_8', __( 'Candied Colored 8', 'avia_framework' ) => 'amg_9', __( 'Candied Colored 9', 'avia_framework' ) => 'amg_10', __( 'Candied Colored 10', 'avia_framework' ) => 'amg_11', __( 'Candied Colored 11', 'avia_framework' ) => 'amg_12', __( 'Candied Colored 12', 'avia_framework' ) => 'amg_13', __( 'Candied Colored 13', 'avia_framework' ) => 'amg_14', __( 'Candied Colored 14', 'avia_framework' ) => 'amg_15', __( 'Candied Colored 15', 'avia_framework' ) => 'amg_16', __( 'Candied Colored 16', 'avia_framework' ) => 'amg_17', __( 'Coin', 'avia_framework' ) => 'amg_18', __( 'Cold Light', 'avia_framework' ) => 'amg_19', __( 'Flip Box', 'avia_framework' ) => 'amg_20', __( 'Gradient', 'avia_framework' ) => 'amg_21', __( 'Gradient Glow', 'avia_framework' ) => 'amg_22', __( 'Gradient Hole', 'avia_framework' ) => 'amg_61', __( 'Hover 1', 'avia_framework' ) => 'amg_23', __( 'Hover 2', 'avia_framework' ) => 'amg_24', __( 'Hover 3', 'avia_framework' ) => 'amg_25', __( 'Hover 4', 'avia_framework' ) => 'amg_26', __( 'Label Slice', 'avia_framework' ) => 'amg_27', __( 'Liquid', 'avia_framework' ) => 'amg_28', __( 'Menu', 'avia_framework' ) => 'amg_29', __( 'Modern 1', 'avia_framework' ) => 'amg_30', __( 'Modern 2', 'avia_framework' ) => 'amg_31', __( 'Modern 3', 'avia_framework' ) => 'amg_32', __( 'Modern 4', 'avia_framework' ) => 'amg_33', __( 'Modern 5', 'avia_framework' ) => 'amg_34', __( 'Modern 6', 'avia_framework' ) => 'amg_35', __( 'Modern 7', 'avia_framework' ) => 'amg_36', __( 'Modern 8', 'avia_framework' ) => 'amg_37', __( 'Modern 9', 'avia_framework' ) => 'amg_38', __( 'Modern 10', 'avia_framework' ) => 'amg_39', __( 'Modern 11', 'avia_framework' ) => 'amg_40', __( 'Modern 12', 'avia_framework' ) => 'amg_41', __( 'Modern 13', 'avia_framework' ) => 'amg_42', __( 'Modern 14', 'avia_framework' ) => 'amg_43', __( 'Modern 15', 'avia_framework' ) => 'amg_44', __( 'Modern 16', 'avia_framework' ) => 'amg_45', __( 'Modern 17', 'avia_framework' ) => 'amg_46', __( 'Modern 18', 'avia_framework' ) => 'amg_47', __( 'Modern 19', 'avia_framework' ) => 'amg_48', __( 'Modern 20', 'avia_framework' ) => 'amg_49', __( 'Modern 21', 'avia_framework' ) => 'amg_50', __( 'Modern 22', 'avia_framework' ) => 'amg_51', __( 'Modern 23', 'avia_framework' ) => 'amg_52', __( 'Modern 24', 'avia_framework' ) => 'amg_53', __( 'Modern 25', 'avia_framework' ) => 'amg_54', __( 'Modern 26', 'avia_framework' ) => 'amg_55', __( 'Modern 27', 'avia_framework' ) => 'amg_56', __( 'Modern 28', 'avia_framework' ) => 'amg_57', __( 'Plastic', 'avia_framework' ) => 'amg_58', __( 'Neon Lines', 'avia_framework' ) => 'amg_59', __( 'Pulsating', 'avia_framework' ) => 'amg_60', __( 'Hover 4', 'avia_framework' ) => 'amg_62', __( 'Snake Border 2', 'avia_framework' ) => 'amg_63', __( 'Hover 5', 'avia_framework' ) => 'amg_64', __( 'Hover 6', 'avia_framework' ) => 'amg_65', __( 'Ripple', 'avia_framework' ) => 'amg_66', __( 'Snake Border 1', 'avia_framework' ) => 'amg_67', __( 'Gradient Hover Border', 'avia_framework' ) => 'amg_68', __( 'Pulsar', 'avia_framework' ) => 'amg_69', __( 'Neon Lights', 'avia_framework' ) => 'amg_70', __( 'Blend Mode', 'avia_framework' ) => 'amg_71', __( 'Bubble Bursts', 'avia_framework' ) => 'amg_72', ); ksort($arr, SORT_NATURAL); return $arr; } function amg_enfold_admin_menu() : void { add_options_page( 'AMG Enfold Extensions', 'AMG Enfold', 'manage_options', 'amg-enfold-options', array( $this, 'amg_enfold_admin_settings' ), '1' ); } function amg_enfold_admin_settings_init() : void { /// sticky banner text add_settings_section ( 'enfold_extensions_developer_section' , 'Developer' , '', 'amg-enfold-options' ); add_settings_section ( 'enfold_extensions_elements_section' , 'Active Elements' , '', 'amg-enfold-options' ); register_setting( 'amg-enfold-options', 'amg_enfold_developer_mode', array( 'type' => 'string', 'sanitize_callback' => 'sanitize_text_field', 'default' => 'no' ) ); add_settings_field( 'amg_enfold_developer_mode', 'Developer Mode On', array($this, 'amg_enfold_developer_mode_callback'), 'amg-enfold-options', 'enfold_extensions_developer_section' ); $count = count($this->elements); for ($i = 0; $i < $count; $i++) { register_setting( 'amg-enfold-options', "amg_enfold_extensions_{$this->elements[$i]}_active", array( 'type' => 'string', 'default' => '' ) ); add_settings_field( "amg_enfold_extensions_{$this->elements[$i]}_active", ucfirst($this->elements[$i]), array($this, 'amg_enfold_modules_callback'), 'amg-enfold-options', 'enfold_extensions_elements_section', $this->elements[$i] ); } $count = count($this->deletes); for ($k = 0; $i < $count; $k++) { $option = get_option("amg_enfold_extensions_{$this->deletes[$k]}_active"); if (!empty($option)) { delete_option("amg_enfold_extensions_{$this->deletes[$k]}_active"); } } } function amg_enfold_admin_settings(): void { require_once plugin_dir_path(__FILE__) . 'templates/admin_settings.php'; } public function amg_enfold_developer_mode_callback(): void { $checked = checked( 'yes', get_option( 'amg_enfold_developer_mode' ), false ); ?> <input type="checkbox" name="amg_enfold_developer_mode" value="yes" <?php echo $checked ?>/> <?php } public function amg_enfold_modules_callback($name): void { $field = "amg_enfold_extensions_{$name}_active"; $checked = checked( 'yes', get_option( $field ), false ); ?> <input type="checkbox" name="<?php echo $field ?>" value="yes" <?php echo $checked ?>/> <a title="view demo" href="<?php echo 'https://natesstg.wpenginepowered.com/' . $name . '/' ?>" target="_blank"><i class="fa-solid fa-arrow-up-right-from-square"></i></a> <?php } public static function amg_enfold_popup() : void { $html = "<div id='amg-enfold-popup' class=''>"; $html .= "<div id='amg-enfold-popup-bg'></div>"; $html .= "<div id='amg-enfold-popup-box'>"; $html .= "<div id='amg-enfold-popup-close'><i class='fi fi-br-circle-xmark'></i></div>"; $html .= "<div id='content'></div>"; $html .= "</div></div>"; echo $html; } public static function prepare_navigation(array $atts): array { $prev_button = ''; $next_button = ''; if (isset($atts['navigation']) && $atts['navigation'] == 'yes') { $prev_button = "<div class='swiper-button-prev'></div>"; $next_button = '<div class="swiper-button-next"></div>'; } if (isset($atts['pagination']) && $atts['pagination'] == 'yes') { $pagination = "<div class='swiper-pagination'></div>"; } $above = ''; $below = ''; $side = ''; if (isset($atts['navigation_position']) && $atts['navigation_position'] == 'above' && $atts['nav_layout'] == 'custom') { $above = "<div class='swiper-nav-wrapper above'>"; $above .= $prev_button; $above .= $pagination; $above .= $next_button; $above .= '</div>'; } else if (isset($atts['navigation_position']) && $atts['navigation_position'] == 'below' && $atts['nav_layout'] == 'custom') { $below = "<div class='swiper-nav-wrapper below'>"; $below .= $prev_button; $below .= $pagination; $below .= $next_button; $below .= '</div>'; } else { $below = $pagination; $side = $prev_button; $side .= $next_button; } return array($atts, $above, $below, $side); } public static function amg_enfold_section($title) : array { $c = null; $template = null; switch ($title) { case 'Button': $c = array( array( 'name' => __( 'Enable?', 'avia_framework' ), 'desc' => __( 'Choosing yes enables the button for this single element.', 'avia_framework' ), 'id' => 'button', 'type' => 'select', 'std' => 'no', 'lockable' => true, 'subtype' => array( __( 'No', 'avia_framework' ) => 'no', __( 'Yes', 'avia_framework' ) => 'yes' , ) ), array( 'name' => __( 'Button Label', 'avia_framework' ), 'desc' => __( 'This is the text that appears on your button.', 'avia_framework' ), 'id' => 'label', 'type' => 'input', 'std' => __( 'Contact Us', 'avia_framework' ), 'required' => array( 'button', 'equals', 'yes' ), 'lockable' => true ), /* array( 'name' => __( 'Show Button Icon', 'avia_framework' ), 'desc' => __( 'Should an icon be displayed at the left or right side of the button', 'avia_framework' ), 'id' => 'button_icon_select', 'type' => 'select', 'std' => 'yes', 'lockable' => true, 'required' => array( 'button', 'equals', 'yes' ), 'subtype' => array( __( 'No Icon', 'avia_framework' ) => 'no', __( 'Display icon to the left', 'avia_framework' ) => 'yes' , __( 'Display icon to the right', 'avia_framework' ) => 'yes-right-icon', ) ), array( 'name' => __( 'Button Icon', 'avia_framework' ), 'desc' => __( 'Select an icon for your Button below', 'avia_framework' ), 'id' => 'button_icon', 'type' => 'iconfont', 'std' => '', 'lockable' => true, 'locked' => array( 'button_icon', 'font' ), 'required' => array( 'button_icon_select', 'not_empty_and', 'no' ) ), array( 'name' => __( 'Icon Visibility', 'avia_framework' ), 'desc' => __( 'Check to only display icon on hover', 'avia_framework' ), 'id' => 'button_icon_hover', 'type' => 'checkbox', 'std' => '', 'lockable' => true, 'required' => array( 'button_icon_select', 'not_empty_and', 'no' ) )*/ ); break; case 'Link Settings': $template = array( array( 'type' => 'template', 'template_id' => 'linkpicker_toggle', 'name' => __( 'Button Link', 'avia_framework' ), 'desc' => __( 'Where should your button link to?', 'avia_framework' ), 'subtypes' => array( 'manually', 'single', 'taxonomy' ), 'target_id' => 'link_target', 'lockable' => true ), ); break; case 'Appearance': $c = array( array( 'name' => __( 'Button Size', 'avia_framework' ), 'desc' => __( 'Choose the size of your button here.', 'avia_framework' ), 'id' => 'size', 'type' => 'select', 'std' => 'small', 'lockable' => true, 'subtype' => array( __( 'Small', 'avia_framework' ) => 'small', __( 'Medium', 'avia_framework' ) => 'medium', __( 'Large', 'avia_framework' ) => 'large', __( 'X Large', 'avia_framework' ) => 'x-large' ) ), array( 'name' => __( 'Button Position', 'avia_framework' ), 'desc' => __( 'Choose the alignment of your button here', 'avia_framework' ), 'id' => 'position', 'type' => 'select', 'std' => 'center', 'lockable' => true, 'subtype' => array( __( 'Align Left', 'avia_framework' ) => 'left', __( 'Align Center', 'avia_framework' ) => 'center', __( 'Align Right', 'avia_framework' ) => 'right', ), 'required' => array( 'size', 'not', 'fullwidth' ) ), array( 'name' => __( 'Button Label Display', 'avia_framework' ), 'desc' => __( 'Select how to display the label', 'avia_framework' ), 'id' => 'label_display', 'type' => 'select', 'std' => '', 'lockable' => true, 'subtype' => array( __( 'Always display', 'avia_framework' ) => '', __( 'Display on hover', 'avia_framework' ) => 'av-button-label-on-hover', ) ), array( 'name' => __( 'Button Title Attribute', 'avia_framework' ), 'desc' => __( 'Add a title attribute for this button.', 'avia_framework' ), 'id' => 'title_attr', 'type' => 'input', 'std' => '', 'required' => array( 'label_display', 'equals', '' ) ), ); break; case 'Font Sizes': $c = array( array( 'name' => __( 'Button Text Font Sizes', 'avia_framework' ), 'desc' => __( 'Select a custom font size for the button text.', 'avia_framework' ), 'type' => 'template', 'template_id' => 'font_sizes_icon_switcher', 'textfield' => true, 'lockable' => true, 'subtype' => array( 'default' => AviaHtmlHelper::number_array( 10, 90, 1, array( __( 'Use Default', 'avia_framework' ) => '' ), 'px' ), 'desktop' => AviaHtmlHelper::number_array( 10, 90, 1, array( __( 'Use Default', 'avia_framework' ) => '' ), 'px' ), 'medium' => AviaHtmlHelper::number_array( 10, 90, 1, array( __( 'Use Default', 'avia_framework' ) => '', __( 'Hidden', 'avia_framework' ) => 'hidden' ), 'px' ), 'small' => AviaHtmlHelper::number_array( 10, 90, 1, array( __( 'Use Default', 'avia_framework' ) => '', __( 'Hidden', 'avia_framework' ) => 'hidden' ), 'px' ), 'mini' => AviaHtmlHelper::number_array( 10, 90, 1, array( __( 'Use Default', 'avia_framework' ) => '', __( 'Hidden', 'avia_framework' ) => 'hidden' ), 'px' ) ), 'id_sizes' => array( 'default' => 'size-text', 'desktop' => 'av-desktop-font-size-text', 'medium' => 'av-medium-font-size-text', 'small' => 'av-small-font-size-text', 'mini' => 'av-mini-font-size-text' ) ), array( 'name' => __( 'Button Icon Font Sizes', 'avia_framework' ), 'desc' => __( 'Select a custom font size for the button text.', 'avia_framework' ), 'type' => 'template', 'template_id' => 'font_sizes_icon_switcher', 'textfield' => true, 'lockable' => true, 'subtype' => array( 'default' => AviaHtmlHelper::number_array( 10, 90, 1, array( __( 'Use Default', 'avia_framework' ) => '' ), 'px' ), 'desktop' => AviaHtmlHelper::number_array( 10, 90, 1, array( __( 'Use Default', 'avia_framework' ) => '' ), 'px' ), 'medium' => AviaHtmlHelper::number_array( 10, 90, 1, array( __( 'Use Default', 'avia_framework' ) => '', __( 'Hidden', 'avia_framework' ) => 'hidden' ), 'px' ), 'small' => AviaHtmlHelper::number_array( 10, 90, 1, array( __( 'Use Default', 'avia_framework' ) => '', __( 'Hidden', 'avia_framework' ) => 'hidden' ), 'px' ), 'mini' => AviaHtmlHelper::number_array( 10, 90, 1, array( __( 'Use Default', 'avia_framework' ) => '', __( 'Hidden', 'avia_framework' ) => 'hidden' ), 'px' ) ), 'id_sizes' => array( 'default' => 'size-button-icon', 'desktop' => 'av-desktop-font-size-button-icon', 'medium' => 'av-medium-font-size-button-icon', 'small' => 'av-small-font-size-button-icon', 'mini' => 'av-mini-font-size-button-icon' ) ) ); break; case 'Button Margin And Padding': $template = array( array( 'type' => 'template', 'template_id' => 'margin_padding', 'toggle' => true, 'name' => __( 'Margin And Padding', 'avia_framework' ), 'desc' => __( 'Set a responsive margin and a padding to text for the button.', 'avia_framework' ), 'lockable' => true, ) ); break; case 'Colors': $c = array( array( 'name' => __( 'Button Colors Selection', 'avia_framework' ), 'desc' => __( "Choose the available options for button colors. Switching to advanced options for already existing buttons you need to set all options (color settings from basic options are ignored)", 'avia_framework' ), 'id' => 'color_options', 'type' => 'select', 'std' => '', 'lockable' => true, 'subtype' => array( __( 'Basic options only', 'avia_framework' ) => '', __( 'Advanced options', 'avia_framework' ) => 'color_options_advanced', ) ), array( 'type' => 'template', 'template_id' => 'named_colors', 'custom' => true, 'lockable' => true, 'required' => array( 'color_options', 'equals', '' ) ), array( 'name' => __( 'Custom Background Color', 'avia_framework' ), 'desc' => __( 'Select a custom background color for your button here', 'avia_framework' ), 'id' => 'custom_bg', 'type' => 'colorpicker', 'std' => '#444444', 'lockable' => true, 'required' => array( 'color', 'equals', 'custom' ) ), array( 'name' => __( 'Custom Font Color', 'avia_framework' ), 'desc' => __( 'Select a custom font color for your button here', 'avia_framework' ), 'id' => 'custom_font', 'type' => 'colorpicker', 'std' => '#ffffff', 'lockable' => true, 'required' => array( 'color', 'equals', 'custom') ), array( 'type' => 'template', 'template_id' => 'button_colors', 'color_id' => 'btn_color', 'custom_id' => 'btn_custom', 'lockable' => true, 'required' => array( 'color_options', 'not', '' ) ) ); break; case 'Animation': $c = array( array( 'type' => 'template', 'template_id' => 'animation', 'lockable' => true, 'std_none' => '', 'name' => __( 'Button Animation', 'avia_framework' ), 'desc' => __( 'Add a small animation to the button when the user first scrolls to the button position. This is only to add some "spice" to the site and only works in modern browsers and only on desktop computers to keep page rendering as fast as possible.', 'avia_framework' ), 'groups' => array( 'fade', 'slide', 'rotate', 'fade-adv', 'special' ) ) ); break; case 'Content': $c = array( array( 'name' => __( 'Content Display', 'avia_framework' ), 'desc' => __( 'Choose to display the content in a popup or below the slides.', 'avia_framework' ), 'id' => 'content_layout', 'type' => 'select', 'std' => '', 'lockable' => true, 'subtype' => array( __( 'No Display', 'avia_framework' ) => '', __( 'Display content in popup', 'avia_framework' ) => 'popup', __( 'Display content below slides', 'avia_framework' ) => 'inline' ), ), array( 'name' => __( 'Max Width', 'avia_framework' ), 'desc' => __( 'This is the width of your content box.', 'avia_framework' ), 'id' => 'popup_max_width', 'type' => 'input', 'std' => '750px', 'lockable' => true, 'required' => array( 'content_layout', 'not', '' ), 'container_class' => 'av_third av_third_first' ), array( 'name' => __( 'Min Height', 'avia_framework' ), 'desc' => __( 'This is the min-height of your content box.', 'avia_framework' ), 'id' => 'popup_min_height', 'type' => 'input', 'std' => '320px', 'lockable' => true, 'required' => array( 'content_layout', 'not', '' ), 'container_class' => 'av_third' ), array( 'name' => __( 'Text Align', 'avia_framework' ), 'desc' => __( 'Figure it out.', 'avia_framework' ), 'id' => 'popup_text_align', 'type' => 'select', 'std' => 'center', 'lockable' => true, 'required' => array( 'content_layout', 'not', '' ), 'container_class' => 'av_third', 'subtype' => array( __( 'Left', 'avia_framework' ) => 'left', __( 'Center', 'avia_framework' ) => 'center', __( 'Right', 'avia_framework' ) => 'right' ), ), array( 'name' => __( 'Container BG Color', 'avia_framework' ), 'desc' => __( 'This is the background of the content box', 'avia_framework' ), 'id' => 'popup_background_color', 'type' => 'colorpicker', 'std' => '', 'rgba' => true, 'lockable' => true, 'required' => array( 'content_layout', 'equals', 'popup' ), 'container_class' => 'av_half av_half_first' ), array( 'name' => __( 'Background BG Color', 'avia_framework' ), 'desc' => __( 'This is the full page background when the popup is visible.', 'avia_framework' ), 'id' => 'popup_bg_color', 'type' => 'colorpicker', 'std' => '', 'rgba' => true, 'lockable' => true, 'required' => array( 'content_layout', 'equals', 'popup' ), 'container_class' => 'av_half' ), array( 'name' => __( 'Border Radius', 'avia_framework' ), 'desc' => __( 'Set the border radius of the content box.', 'avia_framework' ), 'id' => 'popup_border_radius', 'type' => 'multi_input', 'sync' => true, 'std' => '24px', 'lockable' => true, 'required' => array( 'content_layout', 'not', '' ), '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( 'type' => 'template', 'template_id' => 'box_shadow', 'id' => 'popup_box_shadow', 'names' => array( __( 'Box Shadow', 'avia_framework' ), __( 'Box Shadow Styling ', 'avia_framework' ), __( 'Box Shadow Color', 'avia_framework' ) ), 'default_check' => true, 'lockable' => true, 'required' => array( 'content_layout', 'not', '' ) ) ); break; case 'Navigation': $c = array( array( 'name' => __( 'Navigation Layout', 'avia_framework' ), 'desc' => __( 'Either use the widget default colors or apply some custom ones', 'avia_framework' ), 'id' => 'nav_layout', 'type' => 'select', 'std' => '', 'lockable' => true, 'subtype' => array( __( 'Default', 'avia_framework' ) => '', __( 'Define Custom layout', 'avia_framework' ) => 'custom' ), ), array( 'name' => __( 'Vertical Position', 'avia_framework' ), 'desc' => __( 'Define the vertical position of the navigation controls', 'avia_framework' ), 'id' => 'navigation_position', 'type' => 'select', 'std' => '', 'lockable' => true, 'required' => array( 'nav_layout', 'equals', 'custom' ), 'subtype' => array( __( 'Default', 'avia_framework' ) => '', __( 'Above', 'avia_framework' ) => 'above', __( 'Below', 'avia_framework' ) => 'below', ) ), array( 'name' => __( 'Controls Max Width', 'avia_framework' ), 'desc' => __( 'Enter the max width of the navigation controls', 'avia_framework' ), 'id' => 'nav_max_width', 'type' => 'input', 'std' => '100%', 'lockable' => true, 'required' => array( 'navigation_position', 'not', ''), ), array( 'name' => __( 'Horizontal Alignment', 'avia_framework' ), 'desc' => __( 'This only works if navigation controls are not 100% max width', 'avia_framework' ), 'id' => 'navigation_alignment', 'type' => 'select', 'std' => 'center', 'lockable' => true, 'required' => array( 'navigation_position', 'not', ''), 'subtype' => array( __( 'Left', 'avia_framework' ) => 'left', __( 'Center', 'avia_framework' ) => 'center', __( 'Right', 'avia_framework' ) => 'right', ) ), array( 'name' => __( 'Horizontal Offset', 'avia_framework' ), 'desc' => __( 'Enter a CSS value (50px) to push the controls towards center', 'avia_framework' ), 'id' => 'nav_offset', 'type' => 'input', 'std' => '0', 'lockable' => true, 'required' => array( 'navigation_alignment', 'not', 'center'), ), array( 'name' => __( 'Button Width', 'avia_framework' ), 'desc' => __( 'Button width in a CSS value', 'avia_framework' ), 'id' => 'nav_width', 'type' => 'input', 'std' => '50px', 'lockable' => true, 'required' => array( 'nav_layout', 'equals', 'custom' ), 'container_class' => 'av_half av_half_first' ), array( 'name' => __( 'Button Height', 'avia_framework' ), 'desc' => __( 'Button height in a CSS value', 'avia_framework' ), 'id' => 'nav_height', 'type' => 'input', 'std' => '50px', 'lockable' => true, 'required' => array( 'nav_layout', 'equals', 'custom' ), 'container_class' => 'av_half' ), array( 'name' => __( 'Button Border Radius', 'avia_framework' ), 'desc' => __( 'Set the border radius of the button', 'avia_framework' ), 'id' => 'nav_radius', 'type' => 'multi_input', 'sync' => true, 'std' => '50%', 'lockable' => true, 'required' => array( 'nav_layout', 'equals', 'custom' ), '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' ) ), ), ); break; case 'Image': $c = array( array( 'name' => __( 'Image Size and Orientation', 'avia_framework' ), 'desc' => __( 'Either use the widget default colors or apply some custom ones', 'avia_framework' ), 'id' => 'orientation_and_size', 'type' => 'select', 'std' => '', 'lockable' => true, 'subtype' => AbstraktEnfoldExtensions::get_image_sizes(), ), array( 'name' => __( 'Image Aspect Ratio', 'avia_framework' ), 'desc' => __( 'Enter the CSS value as a fraction, ie 16/9', 'avia_framework' ), 'id' => 'aspect_ratio', 'type' => 'input', 'std' => '', 'lockable' => true, 'required' => array( 'orientation_and_size', 'not', '' ), 'container_class' => 'av_third av_third_first' ), array( 'name' => __( 'Image Object Fit', 'avia_framework' ), 'desc' => __( 'Select one of the CSS values or choose none.', 'avia_framework' ), 'id' => 'object_fit', 'type' => 'select', 'std' => 'cover', 'lockable' => true, 'required' => array( 'orientation_and_size', 'not', '' ), 'container_class' => 'av_third', 'subtype' => array( __( 'None', 'avia_framework' ) => 'none', __( 'Fill', 'avia_framework' ) => 'fill', __( 'Contain', 'avia_framework' ) => 'contain', __( 'Cover', 'avia_framework' ) => 'cover', __( 'Scale Down', 'avia_framework' ) => 'scale-down' ), ), array( 'name' => __( 'Image Object Position', 'avia_framework' ), 'desc' => __( 'Enter a css value ie 50% 50% or left top', 'avia_framework' ), 'id' => 'object_position', 'type' => 'input', 'std' => 'center center', 'lockable' => true, 'required' => array( 'orientation_and_size', 'not', '' ), 'container_class' => 'av_third', ), ); break; case 'Container': $c = array( array( 'name' => __( 'Slides Layout', 'avia_framework' ), 'desc' => __( 'Either use the widget default colors or apply some custom ones', 'avia_framework' ), 'id' => 'slides_layout', 'type' => 'select', 'std' => '', 'lockable' => true, 'subtype' => array( __( 'Default', 'avia_framework' ) => '', __( 'Define Custom layout', 'avia_framework' ) => 'custom' ), ), array( 'name' => __( 'Badge Max Width', 'avia_framework' ), 'desc' => __( 'Enter the badges title here (Better keep it short)', 'avia_framework' ), 'id' => 'max_width', 'type' => 'input', 'std' => '250px', 'lockable' => true, 'required' => array( 'slides_layout', 'equals', 'custom' ), 'container_class' => 'av_half av_half_first' ), array( 'name' => __( 'Badge Min Height', 'avia_framework' ), 'desc' => __( 'Enter the badges title here (Better keep it short)', 'avia_framework' ), 'id' => 'min_height', 'type' => 'input', 'std' => '400px', 'lockable' => true, 'required' => array( 'slides_layout', 'equals', 'custom' ), 'container_class' => 'av_half' ), array( 'name' => __( 'Badge 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, 'required' => array( 'slides_layout', 'equals', 'custom' ), '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' ) ), ), ); break; } if (!is_array($template)) { $template = array( array( 'type' => 'template', 'template_id' => 'toggle', 'title' => __( $title, 'avia_framework' ), 'content' => $c ), ); } return $template; } public static function amg_enfold_inline($atts) : string { $output = ''; if ($atts['content_layout'] == 'inline') { $output .= "<div id='amg-enfold-inline'>"; $output .= "<div id='amg-enfold-inline-box'>"; $output .= "<div id='content'></div>"; $output .= "</div>"; $output .= "</div>"; } return $output; } public static function amg_button_append_selectors($selectors, $element_id) : array { $selectors['wrap'] = "#top #wrap_all .accordionContainer.{$element_id} .c-accordion .c-accordion__item .avia-button-wrap.button-wrap"; $selectors['wrap-animation'] = "#top #wrap_all .accordionContainer.{$element_id} .c-accordion .c-accordion__item .avia_transform .avia-button-wrap.button-wrap"; $selectors['button_container'] = "#top #wrap_all .accordionContainer.{$element_id} .c-accordion .c-accordion__item .avia-button"; $selectors['container-hover'] = "#top #wrap_all .accordionContainer.{$element_id} .c-accordion .c-accordion__item .avia-button:hover"; $selectors['container-hover-overlay'] = "#top #wrap_all .accordionContainer.{$element_id} .c-accordion .c-accordion__item .avia-button:hover .avia_button_background"; $selectors['container-after'] = "#top #wrap_all .accordionContainer.{$element_id} .c-accordion .c-accordion__item .avia-button.avia-sonar-shadow:after"; $selectors['container-after-hover'] = "#top #wrap_all .accordionContainer.{$element_id} .c-accordion .c-accordion__item .avia-button.avia-sonar-shadow:hover:after"; $selectors['curtain'] = "#top #wrap_all .accordionContainer.{$element_id} .c-accordion .c-accordion__item .avia-button-wrap.button-wrap .avia-curtain-reveal-overlay"; $selectors['button_icon'] = "#top #wrap_all .accordionContainer.{$element_id} .c-accordion .c-accordion__item .amg-button-wrap .amg-tab-icon"; return $selectors; } public static function amg_create_button(array $atts, array $meta, $container_class, $style_tag, $wrap_class, $background_hover ):string { $data = ''; /* if( $atts['button_icon_select'] == 'yes' ) { $atts['button_icon_select'] = 'yes-left-icon'; } $fonts = explode(',', $atts['font']); $font = $fonts[1] ?? $fonts[0]; $display_char = av_icon( $atts['button_icon'], $font );*/ if( ! empty( $atts['label_display'] ) && $atts['label_display'] == 'av-button-label-on-hover' ) { $data .= 'data-avia-tooltip="' . htmlspecialchars( $atts['label'] ) . '"'; $atts['label'] = ''; } $blank = AviaHelper::get_link_target( $atts['link_target'] ); $link = AviaHelper::get_url( $atts['link'] ); $link = ( ( $link == 'http://' ) || ( $link == 'manually' ) ) ? '' : $link; $title_attr = ! empty( $atts['title_attr'] ) && empty( $atts['label_display'] ) ? 'title="' . esc_attr( $atts['title_attr'] ) . '"' : ''; $content_html = ''; /*if( 'yes-left-icon' == $atts['button_icon_select'] ) { $content_html .= "<span class='avia_button_icon avia_button_icon_left'></span>"; }*/ $content_html .= "<span class='avia_iconbox_title' >{$atts['label']}</span>"; /*if( 'yes-right-icon' == $atts['button_icon_select'] ) { $content_html .= "<span class='avia_button_icon avia_button_icon_right' {$display_char}></span>"; }*/ $curtain_reveal_overlay = ''; $html = ''; $html .= $style_tag; $html .= "<a href='{$link}' {$data} class='{$container_class}' {$blank} {$title_attr}>"; $html .= $curtain_reveal_overlay; $html .= $content_html; $html .= $background_hover; $html .= '</a>'; $output = "<div {$meta['custom_el_id']} class='avia-button-wrap {$wrap_class} avia-button-{$atts['position']} {$meta['el_class']}'>"; //$output .= $curtain_reveal_overlay; $output .= $html; $output .= '</div>'; return $output; } } } new AbstraktEnfoldExtensions(); require 'plugin-update-checker-master/plugin-update-checker.php'; use YahnisElsts\PluginUpdateChecker\v5\PucFactory; $myUpdateChecker = PucFactory::buildUpdateChecker( 'https://nates1dev.wpengine.com/wp-content/uploads/enfold-extensions/info.json', __FILE__, //Full path to the main plugin file or functions.php. 'abstrakt-enfold-extensions' );
March 5, 2025 at 5:45 pm #1478688In reply to: Enfold 7.0
Here is the main file. the structure is included int the image. You might need to look at the include classes function and limit it to just cards.php for demo also you won’t have any of the CSS but we don’t need that to work for testing.
(hosted on WPengine) alt="Screenshot" />
functions.php of the plugin
<?php
/*..
Plugin Name: Abstrakt Enfold Extensions
Plugin URI: https://abstraktmg.com
Description: Plugin for Abstrakt Marketing Group Designers Only
Author: Nathaniel Riggins
Author URI: https://abstraktmg.com
Version: 2.0.5
License: Private
*/if ( !defined(‘ABSPATH’) ) { die(‘-1’); }
if (!class_exists(‘AbstraktEnfoldExtensions’)) {
class AbstraktEnfoldExtensions {public string $plugin;
private array $elements = array(
‘accordion’,
‘aces’,
‘badges’,
‘billboard’,
‘bulletin’,
‘button’,
‘cards’,
‘carousel’,
‘crawl’,
‘cube’,
‘deck’,
‘fashion’,
‘glow’,
‘hero’,
‘marquee’,
‘material’,
‘panorama’,
‘paper’,
‘pricing’,
‘rotators’,
‘tabs’,
‘testimonials’,
‘triple’,
‘versa’,
‘wall’,
‘waves’,
);
private array $deletes = array(
‘animate’,
‘blocks’,
‘intros’,
‘navi’,
‘neon’,
‘podcasts’,
‘posters’,
‘sticky’,
‘text’,
‘traveler’,
);
// Class construct
function __construct() {
$this->plugin = plugin_basename(__FILE__);
add_action(‘wp_enqueue_scripts’, array($this, ‘load_scripts’));
add_action(‘admin_enqueue_scripts’, array($this, ‘load_admin_scripts’));
add_action(‘init’, array($this, ‘includeClasses’));
add_action(‘avia_builder_mode’, array($this, ‘builder_set_debug’));
add_action(‘admin_menu’, array($this, ‘amg_enfold_admin_menu’));
add_action(‘admin_init’, array($this, ‘amg_enfold_admin_settings_init’));
add_action(‘wp_footer’, array($this, ‘amg_enfold_popup’));
add_action( ‘init’, array($this, ‘add_all_image_sizes’));
}
function add_all_image_sizes() :void
{
///// AUTO SIZES ///
add_image_size( ‘amg-auto-300’, 300);
add_image_size( ‘amg-auto-500’, 500);
add_image_size( ‘amg-auto-750’, 750);
add_image_size( ‘amg-auto-1000’, 1000);
add_image_size( ‘amg-auto-1250’, 1250);
add_image_size( ‘amg-auto-1500’, 1500);
add_image_size( ‘amg-auto-2000’, 2000);
add_image_size( ‘amg-portrait-300’, 300, 400, true );
add_image_size( ‘amg-portrait-450’, 450, 600, true );
add_image_size( ‘amg-portrait-600’, 600, 800, true );
add_image_size( ‘amg-portrait-750’, 750, 1000, true );
add_image_size( ‘amg-landscape-320’, 320, 180, true );
add_image_size( ‘amg-landscape-480’, 480, 270, true );
add_image_size( ‘amg-landscape-720’, 720, 405, true );
add_image_size( ‘amg-landscape-960’, 960, 540, true );
add_image_size( ‘amg-landscape-1440’, 1440, 810, true );
add_image_size( ‘amg-landscape-1920’, 1920, 1080, true );
}
function builder_set_debug()
{
return “debug”;
}
public static function get_image_sizes() : array
{
return array(
__( ‘None’, ‘avia_framework’ ) => ”,
__( ‘Auto 300w’, ‘avia_framework’ ) => ‘amg-auto-300’,
__( ‘Auto 500w’, ‘avia_framework’ ) => ‘amg-auto-500’,
__( ‘Auto 750w’, ‘avia_framework’ ) => ‘amg-auto-750’,
__( ‘Auto 1000w’, ‘avia_framework’ ) => ‘amg-auto-1000’,
__( ‘Auto 1250w’, ‘avia_framework’ ) => ‘amg-auto-1250’,
__( ‘Auto 1500w’, ‘avia_framework’ ) => ‘amg-auto-1500’,
__( ‘Auto 2000w’, ‘avia_framework’ ) => ‘amg-auto-2000’,__( ‘Portrait 300w’, ‘avia_framework’ ) => ‘amg-portrait-300’,
__( ‘Portrait 450w’, ‘avia_framework’ ) => ‘amg-portrait-450’,
__( ‘Portrait 600w’, ‘avia_framework’ ) => ‘amg-portrait-600’,
__( ‘Portrait 750w’, ‘avia_framework’ ) => ‘amg-portrait-750’,__( ‘Landscape 320w’, ‘avia_framework’ ) => ‘amg-landscape-320’,
__( ‘Landscape 480w’, ‘avia_framework’ ) => ‘amg-landscape-480’,
__( ‘Landscape 720w’, ‘avia_framework’ ) => ‘amg-landscape-720’,
__( ‘Landscape 960w’, ‘avia_framework’ ) => ‘amg-landscape-960’,
__( ‘Landscape 1440w’, ‘avia_framework’ ) => ‘amg-landscape-1440’,
__( ‘Landscape 1920w’, ‘avia_framework’ ) => ‘amg-landscape-1920’,
);
}public static function get_plugin_version():string
{
$data = get_plugin_data(__FILE__);
return $data[‘Version’];
}public static function developMode():bool {
return get_option(‘amg_enfold_developer_mode’) == ‘yes’;
}
public function includeClasses():void {$count = count($this->elements);
for ($i = 0; $i < $count; $i++) {
if (get_option(“amg_enfold_extensions_{$this->elements[$i]}_active”) == ‘yes’) {
include plugin_dir_path( __FILE__ ) . “/enfold/{$this->elements[$i]}/{$this->elements[$i]}.php”;
}
}
}
public function load_admin_scripts():void
{
$ver = AbstraktEnfoldExtensions::get_plugin_version();
$developMode = AbstraktEnfoldExtensions::developMode();
$lastmodtime = $developMode ? rand(1, 999999999) : $ver;
wp_enqueue_style(‘amg-admin-enfold’, plugin_dir_url(__FILE__) . ‘css/style.min.css’, false, $lastmodtime);
wp_enqueue_script(‘amg-admin-enfold-fontawesome’, ‘https://kit.fontawesome.com/ececabbde4.js’, false, $lastmodtime);
}public function load_scripts():void {
$ver = AbstraktEnfoldExtensions::get_plugin_version();
$developMode = AbstraktEnfoldExtensions::developMode();
$lastmodtime = $developMode ? rand(1, 999999999) : $ver;
wp_enqueue_style(‘amg-enfold-icons’, plugin_dir_url(__FILE__) . ‘css/uicons.min.css’, array(‘avia-layout’), $lastmodtime);
wp_enqueue_style( ‘amg-css-animate’, plugin_dir_url(__FILE__) . “css/animateCSS.min.css”, array( ‘avia-layout’ ) );
wp_enqueue_style(‘amg-enfold’, plugin_dir_url(__FILE__) . ‘css/style.min.css’, array(‘avia-layout’), $lastmodtime);
wp_enqueue_style(‘amg-swiper’, plugin_dir_url(__FILE__) . ‘css/swiper.css’, array(‘avia-layout’), $lastmodtime);
wp_enqueue_script( ‘amg-gsap’, plugin_dir_url(__FILE__) . “js/gsap.min.js”, array( ‘amg-swiper’ ), $lastmodtime, true );
wp_enqueue_script( ‘amg-enfold’, plugin_dir_url(__FILE__) . “js/script.min.js”, array(), $lastmodtime );
wp_enqueue_script( ‘amg-swiper’, plugin_dir_url(__FILE__) . “js/swiper.js”, array(), $lastmodtime );
}
public static function get_duration_times():array {
return array(
__( ‘None’, ‘avia_framework’ ) => ”,
__( ‘0.1s’, ‘avia_framework’ ) => ‘s100’,
__( ‘0.2s’, ‘avia_framework’ ) => ‘s200’,
__( ‘0.3s’, ‘avia_framework’ ) => ‘s300’,
__( ‘0.4s’, ‘avia_framework’ ) => ‘s400’,
__( ‘0.5s’, ‘avia_framework’ ) => ‘s500’,
__( ‘0.6s’, ‘avia_framework’ ) => ‘s600’,
__( ‘0.7s’, ‘avia_framework’ ) => ‘s700’,
__( ‘0.8s’, ‘avia_framework’ ) => ‘s800’,
__( ‘0.9s’, ‘avia_framework’ ) => ‘s900’,
__( ‘1s’, ‘avia_framework’ ) => ‘s1000’,
__( ‘1.1s’, ‘avia_framework’ ) => ‘s1100’,
__( ‘1.2s’, ‘avia_framework’ ) => ‘s1200’,
__( ‘1.3s’, ‘avia_framework’ ) => ‘s1300’,
__( ‘1.4s’, ‘avia_framework’ ) => ‘s1400’,
__( ‘1.5s’, ‘avia_framework’ ) => ‘s1500’,
__( ‘1.6s’, ‘avia_framework’ ) => ‘s1600’,
__( ‘1.7s’, ‘avia_framework’ ) => ‘s1700’,
__( ‘1.8s’, ‘avia_framework’ ) => ‘s1800’,
__( ‘1.9s’, ‘avia_framework’ ) => ‘s1900’,
__( ‘2s’, ‘avia_framework’ ) => ‘s2000’,
__( ‘2.1s’, ‘avia_framework’ ) => ‘s2100’,
__( ‘2.2s’, ‘avia_framework’ ) => ‘s2200’,
__( ‘2.3s’, ‘avia_framework’ ) => ‘s2300’,
__( ‘2.4s’, ‘avia_framework’ ) => ‘s2400’,
__( ‘2.5s’, ‘avia_framework’ ) => ‘s2500’,
__( ‘2.6s’, ‘avia_framework’ ) => ‘s2600’,
__( ‘2.7s’, ‘avia_framework’ ) => ‘s2700’,
__( ‘2.8s’, ‘avia_framework’ ) => ‘s2800’,
__( ‘2.9s’, ‘avia_framework’ ) => ‘s2900’,
__( ‘3s’, ‘avia_framework’ ) => ‘s3000’,
);
}
public static function get_delay_times():array {
return array(
__( ‘None’, ‘avia_framework’ ) => ”,
__( ‘0.1s’, ‘avia_framework’ ) => ‘d100’,
__( ‘0.2s’, ‘avia_framework’ ) => ‘d200’,
__( ‘0.3s’, ‘avia_framework’ ) => ‘d300’,
__( ‘0.4s’, ‘avia_framework’ ) => ‘d400’,
__( ‘0.5s’, ‘avia_framework’ ) => ‘d500’,
__( ‘0.6s’, ‘avia_framework’ ) => ‘d600’,
__( ‘0.7s’, ‘avia_framework’ ) => ‘d700’,
__( ‘0.8s’, ‘avia_framework’ ) => ‘d800’,
__( ‘0.9s’, ‘avia_framework’ ) => ‘d900’,
__( ‘1s’, ‘avia_framework’ ) => ‘d1000’,
__( ‘1.1s’, ‘avia_framework’ ) => ‘d1100’,
__( ‘1.2s’, ‘avia_framework’ ) => ‘d1200’,
__( ‘1.3s’, ‘avia_framework’ ) => ‘d1300’,
__( ‘1.4s’, ‘avia_framework’ ) => ‘d1400’,
__( ‘1.5s’, ‘avia_framework’ ) => ‘d1500’,
__( ‘1.6s’, ‘avia_framework’ ) => ‘d1600’,
__( ‘1.7s’, ‘avia_framework’ ) => ‘d1700’,
__( ‘1.8s’, ‘avia_framework’ ) => ‘d1800’,
__( ‘1.9s’, ‘avia_framework’ ) => ‘d1900’,
__( ‘2s’, ‘avia_framework’ ) => ‘d2000’,
__( ‘2.1s’, ‘avia_framework’ ) => ‘d2100’,
__( ‘2.2s’, ‘avia_framework’ ) => ‘d2200’,
__( ‘2.3s’, ‘avia_framework’ ) => ‘d2300’,
__( ‘2.4s’, ‘avia_framework’ ) => ‘d2400’,
__( ‘2.5s’, ‘avia_framework’ ) => ‘d2500’,
__( ‘2.6s’, ‘avia_framework’ ) => ‘d2600’,
__( ‘2.7s’, ‘avia_framework’ ) => ‘d2700’,
__( ‘2.8s’, ‘avia_framework’ ) => ‘d2800’,
__( ‘2.9s’, ‘avia_framework’ ) => ‘d2900’,
__( ‘3s’, ‘avia_framework’ ) => ‘d3000’,
);
}public static function get_slider_speeds():array {
return array(
__( ‘3s’, ‘avia_framework’ ) => ‘3000’,
__( ‘4s’, ‘avia_framework’ ) => ‘4000’,
__( ‘5s’, ‘avia_framework’ ) => ‘5000’,
__( ‘6s’, ‘avia_framework’ ) => ‘6000’,
__( ‘7s’, ‘avia_framework’ ) => ‘7000’,
__( ‘8s’, ‘avia_framework’ ) => ‘8000’,
__( ‘9s’, ‘avia_framework’ ) => ‘9000’,
__( ’10s’, ‘avia_framework’ ) => ‘10000’,
__( ’11s’, ‘avia_framework’ ) => ‘11000’,
__( ’12s’, ‘avia_framework’ ) => ‘12000’,
__( ’13s’, ‘avia_framework’ ) => ‘13000’,
__( ’14s’, ‘avia_framework’ ) => ‘14000’,
__( ’15s’, ‘avia_framework’ ) => ‘15000’,
);
}
public static function get_intro_animations():array {
return array(
array(
__( ‘None’, ‘avia_framework’ ) => ”,
__( ‘animate__bounce’, ‘avia_framework’ ) => ‘animate__animated animate__bounce’,
__( ‘animate__flash’, ‘avia_framework’ ) => ‘animate__animated animate__flash’,
__( ‘Back in down’, ‘avia_framework’ ) => ‘animate__animated animate__backInDown’,
__( ‘Back in left’, ‘avia_framework’ ) => ‘animate__animated animate__backInLeft’,
__( ‘Back in right’, ‘avia_framework’ ) => ‘animate__animated animate__backInRight’,
__( ‘Back in up’, ‘avia_framework’ ) => ‘animate__animated animate__backInUp’,
__( ‘Bounce in’, ‘avia_framework’ ) => ‘animate__animated animate__bounceIn’,
__( ‘Bounce in down’, ‘avia_framework’ ) => ‘animate__animated animate__bounceInDown’,
__( ‘Bounce in left’, ‘avia_framework’ ) => ‘animate__animated animate__bounceInLeft’,
__( ‘Bounce in right’, ‘avia_framework’ ) => ‘animate__animated animate__bounceInRight’,
__( ‘Bounce in up’, ‘avia_framework’ ) => ‘animate__animated animate__bounceInUp’,
__( ‘Fade in’, ‘avia_framework’ ) => ‘animate__animated animate__fadeIn’,
__( ‘Fade in bottom left’, ‘avia_framework’ ) => ‘animate__animated animate__fadeInBottomLeft’,
__( ‘Fade in bottom right’, ‘avia_framework’ ) => ‘animate__animated animate__fadeInBottomRight’,
__( ‘Fade in down’, ‘avia_framework’ ) => ‘animate__animated animate__fadeInDown’,
__( ‘Fade down big’, ‘avia_framework’ ) => ‘animate__animated animate__fadeInDownBig’,
__( ‘Fade in left’, ‘avia_framework’ ) => ‘animate__animated animate__fadeInLeft’,
__( ‘Fade in left big’, ‘avia_framework’ ) => ‘animate__animated animate__fadeInLeftBig’,
__( ‘Fade in right’, ‘avia_framework’ ) => ‘animate__animated animate__fadeInRight’,
__( ‘Fade in right big’, ‘avia_framework’ ) => ‘animate__animated animate__fadeInRightBig’,
__( ‘Fade in up’, ‘avia_framework’ ) => ‘animate__animated animate__fadeInUp’,
__( ‘Fade in up big’, ‘avia_framework’ ) => ‘animate__animated animate__fadeInUpBig’,
__( ‘Fade in top left’, ‘avia_framework’ ) => ‘animate__animated animate__fadeInTopLeft’,
__( ‘Fade in top right’, ‘avia_framework’ ) => ‘animate__animated animate__fadeInTopRight’,
__( ‘Flip’, ‘avia_framework’ ) => ‘animate__animated animate__flip’,
__( ‘Flip X’, ‘avia_framework’ ) => ‘animate__animated animate__flipInX’,
__( ‘Flip Y’, ‘avia_framework’ ) => ‘animate__animated animate__flipInY’,
__( ‘Head Shake’, ‘avia_framework’ ) => ‘animate__animated animate__headShake’,
__( ‘Heartbeat’, ‘avia_framework’ ) => ‘animate__animated animate__heartBeat’,
__( ‘Hinge’, ‘avia_framework’ ) => ‘animate__animated animate__hinge’,
__( ‘Jack In The Box’, ‘avia_framework’ ) => ‘animate__animated animate__jackInTheBox’,
__( ‘Jello’, ‘avia_framework’ ) => ‘animate__animated animate__jello’,
__( ‘Lightspeed in left’, ‘avia_framework’ ) => ‘animate__animated animate__lightSpeedInLeft’,
__( ‘Lightspeed in right’, ‘avia_framework’ ) => ‘animate__animated animate__lightSpeedInRight’,
__( ‘Mask’, ‘avia_framework’ ) => ‘animate__animated animate__pulse’,
__( ‘Roll in’, ‘avia_framework’ ) => ‘animate__animated animate__rollIn’,
__( ‘Rotate in’, ‘avia_framework’ ) => ‘animate__animated animate__rotateIn’,
__( ‘Rotate down left’, ‘avia_framework’ ) => ‘animate__animated animate__rotateInDownLeft’,
__( ‘Rotate in down right’, ‘avia_framework’ ) => ‘animate__animated animate__rotateInDownRight’,
__( ‘Rotate in up left’, ‘avia_framework’ ) => ‘animate__animated animate__rotateInUpLeft’,
__( ‘Rotate in up right’, ‘avia_framework’ ) => ‘animate__animated animate__rotateInUpRight’,
__( ‘Rubber Band’, ‘avia_framework’ ) => ‘animate__animated animate__rubberBand’,
__( ‘Shake X’, ‘avia_framework’ ) => ‘animate__animated animate__shakeX’,
__( ‘Shake Y’, ‘avia_framework’ ) => ‘animate__animated animate__shakeY’,
__( ‘Slide in’, ‘avia_framework’ ) => ‘animate__animated animate__slideInDown’,
__( ‘Slide in left’, ‘avia_framework’ ) => ‘animate__animated animate__slideInLeft’,
__( ‘Slide in right’, ‘avia_framework’ ) => ‘animate__animated animate__slideInRight’,
__( ‘Slide in up’, ‘avia_framework’ ) => ‘animate__animated animate__slideInUp’,
__( ‘Swing’, ‘avia_framework’ ) => ‘animate__animated animate__swing’,
__( ‘Tada’, ‘avia_framework’ ) => ‘animate__animated animate__tada’,
__( ‘Wobble’, ‘avia_framework’ ) => ‘animate__animated animate__wobble’,
__( ‘Zoom in’, ‘avia_framework’ ) => ‘animate__animated animate__zoomIn’,
__( ‘Zoom in down’, ‘avia_framework’ ) => ‘animate__animated animate__zoomInDown’,
__( ‘Zoom in left’, ‘avia_framework’ ) => ‘animate__animated animate__zoomInLeft’,
__( ‘Zoom in right’, ‘avia_framework’ ) => ‘animate__animated animate__zoomInRight’,
__( ‘Zoom in up’, ‘avia_framework’ ) => ‘animate__animated animate__zoomInUp’,
)
);
}
public static function get_button_links($type):array {
$data = match ($type) {
‘page’ => get_pages(),
default => get_posts(),
};
$links = array();
foreach ($data as $link) {
$links[__( $link->post_title, ‘avia_framework’ )] = $link->post_name;
}return $links;
}
public static function get_full_percentage():array {
$i = 1;
$nums = array();
while ($i < 101) {
$k = $i . ‘%’;
$nums[$k] = $i . ‘%’;
$i++;
}
return $nums;
}
public static function get_full_360():array {
$i = 1;
$nums = array();
while ($i < 361) {
$k = $i;
$nums[$k] = $i;
$i++;
}
return $nums;
}
public static function create_button_link($atts, $b = ‘button’):string {
$link = ”;
if (isset($atts[$b]) && $atts[$b] == ‘yes’) {
switch ($atts[$b . ‘_link_type’]) {
case ‘page’:
$link = home_url() . ‘/’ . $atts[$b . ‘_page_link’];
break;
case ‘post’:
$link .= home_url() . ‘/’ . $atts[$b . ‘_post_link’];
break;
case ‘custom’:
$link .= $atts[$b . ‘_custom_link’];
break;
default:}
}
return $link;
}
public static function get_seconds():array {
return array(
‘1s’ => ‘1s’,
‘2s’ => ‘2s’,
‘3s’ => ‘3s’,
‘4s’ => ‘4s’,
‘5s’ => ‘5s’,
‘6s’ => ‘6s’,
‘7s’ => ‘7s’,
‘8s’ => ‘8s’,
‘9s’ => ‘9s’,
’10s’ => ’10s’,
’11s’ => ’11s’,
’12s’ => ’12s’,
’13s’ => ’13s’,
’14s’ => ’14s’,
’15s’ => ’15s’,
’16s’ => ’16s’,
’17s’ => ’17s’,
’18s’ => ’18s’,
’19s’ => ’19s’,
’20s’ => ’20s’,
);
}
public static function select_button_style():array {
$arr = array (
__( ‘Animated Gradient’, ‘avia_framework’ ) => ‘amg_1’,
__( ‘Candied Colored 1’, ‘avia_framework’ ) => ‘amg_2’,
__( ‘Candied Colored 2’, ‘avia_framework’ ) => ‘amg_3’,
__( ‘Candied Colored 3’, ‘avia_framework’ ) => ‘amg_4’,
__( ‘Candied Colored 4’, ‘avia_framework’ ) => ‘amg_5’,
__( ‘Candied Colored 5’, ‘avia_framework’ ) => ‘amg_6’,
__( ‘Candied Colored 6’, ‘avia_framework’ ) => ‘amg_7’,
__( ‘Candied Colored 7’, ‘avia_framework’ ) => ‘amg_8’,
__( ‘Candied Colored 8’, ‘avia_framework’ ) => ‘amg_9’,
__( ‘Candied Colored 9’, ‘avia_framework’ ) => ‘amg_10’,
__( ‘Candied Colored 10’, ‘avia_framework’ ) => ‘amg_11’,
__( ‘Candied Colored 11’, ‘avia_framework’ ) => ‘amg_12’,
__( ‘Candied Colored 12’, ‘avia_framework’ ) => ‘amg_13’,
__( ‘Candied Colored 13’, ‘avia_framework’ ) => ‘amg_14’,
__( ‘Candied Colored 14’, ‘avia_framework’ ) => ‘amg_15’,
__( ‘Candied Colored 15’, ‘avia_framework’ ) => ‘amg_16’,
__( ‘Candied Colored 16’, ‘avia_framework’ ) => ‘amg_17’,
__( ‘Coin’, ‘avia_framework’ ) => ‘amg_18’,
__( ‘Cold Light’, ‘avia_framework’ ) => ‘amg_19’,
__( ‘Flip Box’, ‘avia_framework’ ) => ‘amg_20’,
__( ‘Gradient’, ‘avia_framework’ ) => ‘amg_21’,
__( ‘Gradient Glow’, ‘avia_framework’ ) => ‘amg_22’,
__( ‘Gradient Hole’, ‘avia_framework’ ) => ‘amg_61’,
__( ‘Hover 1’, ‘avia_framework’ ) => ‘amg_23’,
__( ‘Hover 2’, ‘avia_framework’ ) => ‘amg_24’,
__( ‘Hover 3’, ‘avia_framework’ ) => ‘amg_25’,
__( ‘Hover 4’, ‘avia_framework’ ) => ‘amg_26’,
__( ‘Label Slice’, ‘avia_framework’ ) => ‘amg_27’,
__( ‘Liquid’, ‘avia_framework’ ) => ‘amg_28’,
__( ‘Menu’, ‘avia_framework’ ) => ‘amg_29’,
__( ‘Modern 1’, ‘avia_framework’ ) => ‘amg_30’,
__( ‘Modern 2’, ‘avia_framework’ ) => ‘amg_31’,
__( ‘Modern 3’, ‘avia_framework’ ) => ‘amg_32’,
__( ‘Modern 4’, ‘avia_framework’ ) => ‘amg_33’,
__( ‘Modern 5’, ‘avia_framework’ ) => ‘amg_34’,
__( ‘Modern 6’, ‘avia_framework’ ) => ‘amg_35’,
__( ‘Modern 7’, ‘avia_framework’ ) => ‘amg_36’,
__( ‘Modern 8’, ‘avia_framework’ ) => ‘amg_37’,
__( ‘Modern 9’, ‘avia_framework’ ) => ‘amg_38’,
__( ‘Modern 10’, ‘avia_framework’ ) => ‘amg_39’,
__( ‘Modern 11’, ‘avia_framework’ ) => ‘amg_40’,
__( ‘Modern 12’, ‘avia_framework’ ) => ‘amg_41’,
__( ‘Modern 13’, ‘avia_framework’ ) => ‘amg_42’,
__( ‘Modern 14’, ‘avia_framework’ ) => ‘amg_43’,
__( ‘Modern 15’, ‘avia_framework’ ) => ‘amg_44’,
__( ‘Modern 16’, ‘avia_framework’ ) => ‘amg_45’,
__( ‘Modern 17’, ‘avia_framework’ ) => ‘amg_46’,
__( ‘Modern 18’, ‘avia_framework’ ) => ‘amg_47’,
__( ‘Modern 19’, ‘avia_framework’ ) => ‘amg_48’,
__( ‘Modern 20’, ‘avia_framework’ ) => ‘amg_49’,
__( ‘Modern 21’, ‘avia_framework’ ) => ‘amg_50’,
__( ‘Modern 22’, ‘avia_framework’ ) => ‘amg_51’,
__( ‘Modern 23’, ‘avia_framework’ ) => ‘amg_52’,
__( ‘Modern 24’, ‘avia_framework’ ) => ‘amg_53’,
__( ‘Modern 25’, ‘avia_framework’ ) => ‘amg_54’,
__( ‘Modern 26’, ‘avia_framework’ ) => ‘amg_55’,
__( ‘Modern 27’, ‘avia_framework’ ) => ‘amg_56’,
__( ‘Modern 28’, ‘avia_framework’ ) => ‘amg_57’,
__( ‘Plastic’, ‘avia_framework’ ) => ‘amg_58’,
__( ‘Neon Lines’, ‘avia_framework’ ) => ‘amg_59’,
__( ‘Pulsating’, ‘avia_framework’ ) => ‘amg_60’,
__( ‘Hover 4’, ‘avia_framework’ ) => ‘amg_62’,
__( ‘Snake Border 2’, ‘avia_framework’ ) => ‘amg_63’,
__( ‘Hover 5’, ‘avia_framework’ ) => ‘amg_64’,
__( ‘Hover 6’, ‘avia_framework’ ) => ‘amg_65’,
__( ‘Ripple’, ‘avia_framework’ ) => ‘amg_66’,
__( ‘Snake Border 1’, ‘avia_framework’ ) => ‘amg_67’,
__( ‘Gradient Hover Border’, ‘avia_framework’ ) => ‘amg_68’,
__( ‘Pulsar’, ‘avia_framework’ ) => ‘amg_69’,
__( ‘Neon Lights’, ‘avia_framework’ ) => ‘amg_70’,
__( ‘Blend Mode’, ‘avia_framework’ ) => ‘amg_71’,
__( ‘Bubble Bursts’, ‘avia_framework’ ) => ‘amg_72’,);
ksort($arr, SORT_NATURAL);
return $arr;
}
function amg_enfold_admin_menu() : void
{
add_options_page(
‘AMG Enfold Extensions’,
‘AMG Enfold’,
‘manage_options’,
‘amg-enfold-options’,
array(
$this,
‘amg_enfold_admin_settings’
),
‘1’
);
}
function amg_enfold_admin_settings_init() : void
{
/// sticky banner text
add_settings_section (
‘enfold_extensions_developer_section’ ,
‘Developer’ ,
”,
‘amg-enfold-options’
);add_settings_section (
‘enfold_extensions_elements_section’ ,
‘Active Elements’ ,
”,
‘amg-enfold-options’
);register_setting(
‘amg-enfold-options’,
‘amg_enfold_developer_mode’,
array(
‘type’ => ‘string’,
‘sanitize_callback’ => ‘sanitize_text_field’,
‘default’ => ‘no’
)
);
add_settings_field(
‘amg_enfold_developer_mode’,
‘Developer Mode On’,
array($this, ‘amg_enfold_developer_mode_callback’),
‘amg-enfold-options’,
‘enfold_extensions_developer_section’
);$count = count($this->elements);
for ($i = 0; $i < $count; $i++) {
register_setting(
‘amg-enfold-options’,
“amg_enfold_extensions_{$this->elements[$i]}_active”,
array(
‘type’ => ‘string’,
‘default’ => ”
)
);
add_settings_field(
“amg_enfold_extensions_{$this->elements[$i]}_active”,
ucfirst($this->elements[$i]),
array($this, ‘amg_enfold_modules_callback’),
‘amg-enfold-options’,
‘enfold_extensions_elements_section’,
$this->elements[$i]);
}$count = count($this->deletes);
for ($k = 0; $i < $count; $k++) {
$option = get_option(“amg_enfold_extensions_{$this->deletes[$k]}_active”);
if (!empty($option)) {
delete_option(“amg_enfold_extensions_{$this->deletes[$k]}_active”);
}
}
}
function amg_enfold_admin_settings(): void
{
require_once plugin_dir_path(__FILE__) . ‘templates/admin_settings.php’;
}
public function amg_enfold_developer_mode_callback(): void
{
$checked = checked( ‘yes’, get_option( ‘amg_enfold_developer_mode’ ), false );
?>
<input type=”checkbox” name=”amg_enfold_developer_mode” value=”yes” <?php echo $checked ?>/>
<?php
}
public function amg_enfold_modules_callback($name): void
{
$field = “amg_enfold_extensions_{$name}_active”;
$checked = checked( ‘yes’, get_option( $field ), false );
?>
<input type=”checkbox” name=”<?php echo $field ?>” value=”yes” <?php echo $checked ?>/>
” target=”_blank”><i class=”fa-solid fa-arrow-up-right-from-square”></i><?php
}
public static function amg_enfold_popup() : void
{
$html = “<div id=’amg-enfold-popup’ class=”>”;
$html .= “<div id=’amg-enfold-popup-bg’></div>”;
$html .= “<div id=’amg-enfold-popup-box’>”;
$html .= “<div id=’amg-enfold-popup-close’><i class=’fi fi-br-circle-xmark’></i></div>”;
$html .= “<div id=’content’></div>”;
$html .= “</div></div>”;
echo $html;
}public static function prepare_navigation(array $atts): array
{
$prev_button = ”;
$next_button = ”;
if (isset($atts[‘navigation’]) && $atts[‘navigation’] == ‘yes’) {
$prev_button = “<div class=’swiper-button-prev’></div>”;
$next_button = ‘<div class=”swiper-button-next”></div>’;
}
if (isset($atts[‘pagination’]) && $atts[‘pagination’] == ‘yes’) {
$pagination = “<div class=’swiper-pagination’></div>”;
}$above = ”;
$below = ”;
$side = ”;
if (isset($atts[‘navigation_position’]) && $atts[‘navigation_position’] == ‘above’ && $atts[‘nav_layout’] == ‘custom’) {
$above = “<div class=’swiper-nav-wrapper above’>”;
$above .= $prev_button;
$above .= $pagination;
$above .= $next_button;
$above .= ‘</div>’;
} else if (isset($atts[‘navigation_position’]) && $atts[‘navigation_position’] == ‘below’ && $atts[‘nav_layout’] == ‘custom’) {
$below = “<div class=’swiper-nav-wrapper below’>”;
$below .= $prev_button;
$below .= $pagination;
$below .= $next_button;
$below .= ‘</div>’;
} else {
$below = $pagination;
$side = $prev_button;
$side .= $next_button;
}
return array($atts, $above, $below, $side);
}public static function amg_enfold_section($title) : array
{
$c = null;
$template = null;
switch ($title) {
case ‘Button’:
$c = array(
array(
‘name’ => __( ‘Enable?’, ‘avia_framework’ ),
‘desc’ => __( ‘Choosing yes enables the button for this single element.’, ‘avia_framework’ ),
‘id’ => ‘button’,
‘type’ => ‘select’,
‘std’ => ‘no’,
‘lockable’ => true,
‘subtype’ => array(
__( ‘No’, ‘avia_framework’ ) => ‘no’,
__( ‘Yes’, ‘avia_framework’ ) => ‘yes’ ,
)
),
array(
‘name’ => __( ‘Button Label’, ‘avia_framework’ ),
‘desc’ => __( ‘This is the text that appears on your button.’, ‘avia_framework’ ),
‘id’ => ‘label’,
‘type’ => ‘input’,
‘std’ => __( ‘Contact Us’, ‘avia_framework’ ),
‘required’ => array( ‘button’, ‘equals’, ‘yes’ ),
‘lockable’ => true
),
/* array(
‘name’ => __( ‘Show Button Icon’, ‘avia_framework’ ),
‘desc’ => __( ‘Should an icon be displayed at the left or right side of the button’, ‘avia_framework’ ),
‘id’ => ‘button_icon_select’,
‘type’ => ‘select’,
‘std’ => ‘yes’,
‘lockable’ => true,
‘required’ => array( ‘button’, ‘equals’, ‘yes’ ),
‘subtype’ => array(
__( ‘No Icon’, ‘avia_framework’ ) => ‘no’,
__( ‘Display icon to the left’, ‘avia_framework’ ) => ‘yes’ ,
__( ‘Display icon to the right’, ‘avia_framework’ ) => ‘yes-right-icon’,
)
),
array(
‘name’ => __( ‘Button Icon’, ‘avia_framework’ ),
‘desc’ => __( ‘Select an icon for your Button below’, ‘avia_framework’ ),
‘id’ => ‘button_icon’,
‘type’ => ‘iconfont’,
‘std’ => ”,
‘lockable’ => true,
‘locked’ => array( ‘button_icon’, ‘font’ ),
‘required’ => array( ‘button_icon_select’, ‘not_empty_and’, ‘no’ )
),
array(
‘name’ => __( ‘Icon Visibility’, ‘avia_framework’ ),
‘desc’ => __( ‘Check to only display icon on hover’, ‘avia_framework’ ),
‘id’ => ‘button_icon_hover’,
‘type’ => ‘checkbox’,
‘std’ => ”,
‘lockable’ => true,
‘required’ => array( ‘button_icon_select’, ‘not_empty_and’, ‘no’ )
)*/);
break;
case ‘Link Settings’:
$template = array(
array(
‘type’ => ‘template’,
‘template_id’ => ‘linkpicker_toggle’,
‘name’ => __( ‘Button Link’, ‘avia_framework’ ),
‘desc’ => __( ‘Where should your button link to?’, ‘avia_framework’ ),
‘subtypes’ => array( ‘manually’, ‘single’, ‘taxonomy’ ),
‘target_id’ => ‘link_target’,
‘lockable’ => true
),
);
break;
case ‘Appearance’:
$c = array(
array(
‘name’ => __( ‘Button Size’, ‘avia_framework’ ),
‘desc’ => __( ‘Choose the size of your button here.’, ‘avia_framework’ ),
‘id’ => ‘size’,
‘type’ => ‘select’,
‘std’ => ‘small’,
‘lockable’ => true,
‘subtype’ => array(
__( ‘Small’, ‘avia_framework’ ) => ‘small’,
__( ‘Medium’, ‘avia_framework’ ) => ‘medium’,
__( ‘Large’, ‘avia_framework’ ) => ‘large’,
__( ‘X Large’, ‘avia_framework’ ) => ‘x-large’
)
),array(
‘name’ => __( ‘Button Position’, ‘avia_framework’ ),
‘desc’ => __( ‘Choose the alignment of your button here’, ‘avia_framework’ ),
‘id’ => ‘position’,
‘type’ => ‘select’,
‘std’ => ‘center’,
‘lockable’ => true,
‘subtype’ => array(
__( ‘Align Left’, ‘avia_framework’ ) => ‘left’,
__( ‘Align Center’, ‘avia_framework’ ) => ‘center’,
__( ‘Align Right’, ‘avia_framework’ ) => ‘right’,
),
‘required’ => array( ‘size’, ‘not’, ‘fullwidth’ )
),array(
‘name’ => __( ‘Button Label Display’, ‘avia_framework’ ),
‘desc’ => __( ‘Select how to display the label’, ‘avia_framework’ ),
‘id’ => ‘label_display’,
‘type’ => ‘select’,
‘std’ => ”,
‘lockable’ => true,
‘subtype’ => array(
__( ‘Always display’, ‘avia_framework’ ) => ”,
__( ‘Display on hover’, ‘avia_framework’ ) => ‘av-button-label-on-hover’,
)
),array(
‘name’ => __( ‘Button Title Attribute’, ‘avia_framework’ ),
‘desc’ => __( ‘Add a title attribute for this button.’, ‘avia_framework’ ),
‘id’ => ‘title_attr’,
‘type’ => ‘input’,
‘std’ => ”,
‘required’ => array( ‘label_display’, ‘equals’, ” )
),);
break;
case ‘Font Sizes’:
$c = array(
array(
‘name’ => __( ‘Button Text Font Sizes’, ‘avia_framework’ ),
‘desc’ => __( ‘Select a custom font size for the button text.’, ‘avia_framework’ ),
‘type’ => ‘template’,
‘template_id’ => ‘font_sizes_icon_switcher’,
‘textfield’ => true,
‘lockable’ => true,
‘subtype’ => array(
‘default’ => AviaHtmlHelper::number_array( 10, 90, 1, array( __( ‘Use Default’, ‘avia_framework’ ) => ” ), ‘px’ ),
‘desktop’ => AviaHtmlHelper::number_array( 10, 90, 1, array( __( ‘Use Default’, ‘avia_framework’ ) => ” ), ‘px’ ),
‘medium’ => AviaHtmlHelper::number_array( 10, 90, 1, array( __( ‘Use Default’, ‘avia_framework’ ) => ”, __( ‘Hidden’, ‘avia_framework’ ) => ‘hidden’ ), ‘px’ ),
‘small’ => AviaHtmlHelper::number_array( 10, 90, 1, array( __( ‘Use Default’, ‘avia_framework’ ) => ”, __( ‘Hidden’, ‘avia_framework’ ) => ‘hidden’ ), ‘px’ ),
‘mini’ => AviaHtmlHelper::number_array( 10, 90, 1, array( __( ‘Use Default’, ‘avia_framework’ ) => ”, __( ‘Hidden’, ‘avia_framework’ ) => ‘hidden’ ), ‘px’ )
),
‘id_sizes’ => array(
‘default’ => ‘size-text’,
‘desktop’ => ‘av-desktop-font-size-text’,
‘medium’ => ‘av-medium-font-size-text’,
‘small’ => ‘av-small-font-size-text’,
‘mini’ => ‘av-mini-font-size-text’
)
),
array(
‘name’ => __( ‘Button Icon Font Sizes’, ‘avia_framework’ ),
‘desc’ => __( ‘Select a custom font size for the button text.’, ‘avia_framework’ ),
‘type’ => ‘template’,
‘template_id’ => ‘font_sizes_icon_switcher’,
‘textfield’ => true,
‘lockable’ => true,
‘subtype’ => array(
‘default’ => AviaHtmlHelper::number_array( 10, 90, 1, array( __( ‘Use Default’, ‘avia_framework’ ) => ” ), ‘px’ ),
‘desktop’ => AviaHtmlHelper::number_array( 10, 90, 1, array( __( ‘Use Default’, ‘avia_framework’ ) => ” ), ‘px’ ),
‘medium’ => AviaHtmlHelper::number_array( 10, 90, 1, array( __( ‘Use Default’, ‘avia_framework’ ) => ”, __( ‘Hidden’, ‘avia_framework’ ) => ‘hidden’ ), ‘px’ ),
‘small’ => AviaHtmlHelper::number_array( 10, 90, 1, array( __( ‘Use Default’, ‘avia_framework’ ) => ”, __( ‘Hidden’, ‘avia_framework’ ) => ‘hidden’ ), ‘px’ ),
‘mini’ => AviaHtmlHelper::number_array( 10, 90, 1, array( __( ‘Use Default’, ‘avia_framework’ ) => ”, __( ‘Hidden’, ‘avia_framework’ ) => ‘hidden’ ), ‘px’ )
),
‘id_sizes’ => array(
‘default’ => ‘size-button-icon’,
‘desktop’ => ‘av-desktop-font-size-button-icon’,
‘medium’ => ‘av-medium-font-size-button-icon’,
‘small’ => ‘av-small-font-size-button-icon’,
‘mini’ => ‘av-mini-font-size-button-icon’
)
)
);
break;
case ‘Button Margin And Padding’:
$template = array(
array(
‘type’ => ‘template’,
‘template_id’ => ‘margin_padding’,
‘toggle’ => true,
‘name’ => __( ‘Margin And Padding’, ‘avia_framework’ ),
‘desc’ => __( ‘Set a responsive margin and a padding to text for the button.’, ‘avia_framework’ ),
‘lockable’ => true,
)
);
break;
case ‘Colors’:
$c = array(
array(
‘name’ => __( ‘Button Colors Selection’, ‘avia_framework’ ),
‘desc’ => __( “Choose the available options for button colors. Switching to advanced options for already existing buttons you need to set all options (color settings from basic options are ignored)”, ‘avia_framework’ ),
‘id’ => ‘color_options’,
‘type’ => ‘select’,
‘std’ => ”,
‘lockable’ => true,
‘subtype’ => array(
__( ‘Basic options only’, ‘avia_framework’ ) => ”,
__( ‘Advanced options’, ‘avia_framework’ ) => ‘color_options_advanced’,
)
),
array(
‘type’ => ‘template’,
‘template_id’ => ‘named_colors’,
‘custom’ => true,
‘lockable’ => true,
‘required’ => array( ‘color_options’, ‘equals’, ” )
),
array(
‘name’ => __( ‘Custom Background Color’, ‘avia_framework’ ),
‘desc’ => __( ‘Select a custom background color for your button here’, ‘avia_framework’ ),
‘id’ => ‘custom_bg’,
‘type’ => ‘colorpicker’,
‘std’ => ‘#444444’,
‘lockable’ => true,
‘required’ => array( ‘color’, ‘equals’, ‘custom’ )
),
array(
‘name’ => __( ‘Custom Font Color’, ‘avia_framework’ ),
‘desc’ => __( ‘Select a custom font color for your button here’, ‘avia_framework’ ),
‘id’ => ‘custom_font’,
‘type’ => ‘colorpicker’,
‘std’ => ‘#ffffff’,
‘lockable’ => true,
‘required’ => array( ‘color’, ‘equals’, ‘custom’)
),
array(
‘type’ => ‘template’,
‘template_id’ => ‘button_colors’,
‘color_id’ => ‘btn_color’,
‘custom_id’ => ‘btn_custom’,
‘lockable’ => true,
‘required’ => array( ‘color_options’, ‘not’, ” )
)
);
break;
case ‘Animation’:
$c = array(
array(
‘type’ => ‘template’,
‘template_id’ => ‘animation’,
‘lockable’ => true,
‘std_none’ => ”,
‘name’ => __( ‘Button Animation’, ‘avia_framework’ ),
‘desc’ => __( ‘Add a small animation to the button when the user first scrolls to the button position. This is only to add some "spice" to the site and only works in modern browsers and only on desktop computers to keep page rendering as fast as possible.’, ‘avia_framework’ ),
‘groups’ => array( ‘fade’, ‘slide’, ‘rotate’, ‘fade-adv’, ‘special’ )
)
);
break;
case ‘Content’:
$c = array(
array(
‘name’ => __( ‘Content Display’, ‘avia_framework’ ),
‘desc’ => __( ‘Choose to display the content in a popup or below the slides.’, ‘avia_framework’ ),
‘id’ => ‘content_layout’,
‘type’ => ‘select’,
‘std’ => ”,
‘lockable’ => true,
‘subtype’ => array(
__( ‘No Display’, ‘avia_framework’ ) => ”,
__( ‘Display content in popup’, ‘avia_framework’ ) => ‘popup’,
__( ‘Display content below slides’, ‘avia_framework’ ) => ‘inline’
),
),
array(
‘name’ => __( ‘Max Width’, ‘avia_framework’ ),
‘desc’ => __( ‘This is the width of your content box.’, ‘avia_framework’ ),
‘id’ => ‘popup_max_width’,
‘type’ => ‘input’,
‘std’ => ‘750px’,
‘lockable’ => true,
‘required’ => array( ‘content_layout’, ‘not’, ” ),
‘container_class’ => ‘av_third av_third_first’
),
array(
‘name’ => __( ‘Min Height’, ‘avia_framework’ ),
‘desc’ => __( ‘This is the min-height of your content box.’, ‘avia_framework’ ),
‘id’ => ‘popup_min_height’,
‘type’ => ‘input’,
‘std’ => ‘320px’,
‘lockable’ => true,
‘required’ => array( ‘content_layout’, ‘not’, ” ),
‘container_class’ => ‘av_third’
),
array(
‘name’ => __( ‘Text Align’, ‘avia_framework’ ),
‘desc’ => __( ‘Figure it out.’, ‘avia_framework’ ),
‘id’ => ‘popup_text_align’,
‘type’ => ‘select’,
‘std’ => ‘center’,
‘lockable’ => true,
‘required’ => array( ‘content_layout’, ‘not’, ” ),
‘container_class’ => ‘av_third’,
‘subtype’ => array(
__( ‘Left’, ‘avia_framework’ ) => ‘left’,
__( ‘Center’, ‘avia_framework’ ) => ‘center’,
__( ‘Right’, ‘avia_framework’ ) => ‘right’
),
),
array(
‘name’ => __( ‘Container BG Color’, ‘avia_framework’ ),
‘desc’ => __( ‘This is the background of the content box’, ‘avia_framework’ ),
‘id’ => ‘popup_background_color’,
‘type’ => ‘colorpicker’,
‘std’ => ”,
‘rgba’ => true,
‘lockable’ => true,
‘required’ => array( ‘content_layout’, ‘equals’, ‘popup’ ),
‘container_class’ => ‘av_half av_half_first’
),
array(
‘name’ => __( ‘Background BG Color’, ‘avia_framework’ ),
‘desc’ => __( ‘This is the full page background when the popup is visible.’, ‘avia_framework’ ),
‘id’ => ‘popup_bg_color’,
‘type’ => ‘colorpicker’,
‘std’ => ”,
‘rgba’ => true,
‘lockable’ => true,
‘required’ => array( ‘content_layout’, ‘equals’, ‘popup’ ),
‘container_class’ => ‘av_half’
),
array(
‘name’ => __( ‘Border Radius’, ‘avia_framework’ ),
‘desc’ => __( ‘Set the border radius of the content box.’, ‘avia_framework’ ),
‘id’ => ‘popup_border_radius’,
‘type’ => ‘multi_input’,
‘sync’ => true,
‘std’ => ’24px’,
‘lockable’ => true,
‘required’ => array( ‘content_layout’, ‘not’, ” ),
‘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(
‘type’ => ‘template’,
‘template_id’ => ‘box_shadow’,
‘id’ => ‘popup_box_shadow’,
‘names’ => array(
__( ‘Box Shadow’, ‘avia_framework’ ),
__( ‘Box Shadow Styling ‘, ‘avia_framework’ ),
__( ‘Box Shadow Color’, ‘avia_framework’ )
),
‘default_check’ => true,
‘lockable’ => true,
‘required’ => array( ‘content_layout’, ‘not’, ” )
)
);
break;
case ‘Navigation’:
$c = array(
array(
‘name’ => __( ‘Navigation Layout’, ‘avia_framework’ ),
‘desc’ => __( ‘Either use the widget default colors or apply some custom ones’, ‘avia_framework’ ),
‘id’ => ‘nav_layout’,
‘type’ => ‘select’,
‘std’ => ”,
‘lockable’ => true,
‘subtype’ => array(
__( ‘Default’, ‘avia_framework’ ) => ”,
__( ‘Define Custom layout’, ‘avia_framework’ ) => ‘custom’
),),
array(
‘name’ => __( ‘Vertical Position’, ‘avia_framework’ ),
‘desc’ => __( ‘Define the vertical position of the navigation controls’, ‘avia_framework’ ),
‘id’ => ‘navigation_position’,
‘type’ => ‘select’,
‘std’ => ”,
‘lockable’ => true,
‘required’ => array( ‘nav_layout’, ‘equals’, ‘custom’ ),
‘subtype’ => array(
__( ‘Default’, ‘avia_framework’ ) => ”,
__( ‘Above’, ‘avia_framework’ ) => ‘above’,
__( ‘Below’, ‘avia_framework’ ) => ‘below’,
)
),
array(
‘name’ => __( ‘Controls Max Width’, ‘avia_framework’ ),
‘desc’ => __( ‘Enter the max width of the navigation controls’, ‘avia_framework’ ),
‘id’ => ‘nav_max_width’,
‘type’ => ‘input’,
‘std’ => ‘100%’,
‘lockable’ => true,
‘required’ => array( ‘navigation_position’, ‘not’, ”),),
array(
‘name’ => __( ‘Horizontal Alignment’, ‘avia_framework’ ),
‘desc’ => __( ‘This only works if navigation controls are not 100% max width’, ‘avia_framework’ ),
‘id’ => ‘navigation_alignment’,
‘type’ => ‘select’,
‘std’ => ‘center’,
‘lockable’ => true,
‘required’ => array( ‘navigation_position’, ‘not’, ”),
‘subtype’ => array(
__( ‘Left’, ‘avia_framework’ ) => ‘left’,
__( ‘Center’, ‘avia_framework’ ) => ‘center’,
__( ‘Right’, ‘avia_framework’ ) => ‘right’,
)
),
array(
‘name’ => __( ‘Horizontal Offset’, ‘avia_framework’ ),
‘desc’ => __( ‘Enter a CSS value (50px) to push the controls towards center’, ‘avia_framework’ ),
‘id’ => ‘nav_offset’,
‘type’ => ‘input’,
‘std’ => ‘0’,
‘lockable’ => true,
‘required’ => array( ‘navigation_alignment’, ‘not’, ‘center’),
),
array(
‘name’ => __( ‘Button Width’, ‘avia_framework’ ),
‘desc’ => __( ‘Button width in a CSS value’, ‘avia_framework’ ),
‘id’ => ‘nav_width’,
‘type’ => ‘input’,
‘std’ => ’50px’,
‘lockable’ => true,
‘required’ => array( ‘nav_layout’, ‘equals’, ‘custom’ ),
‘container_class’ => ‘av_half av_half_first’
),
array(
‘name’ => __( ‘Button Height’, ‘avia_framework’ ),
‘desc’ => __( ‘Button height in a CSS value’, ‘avia_framework’ ),
‘id’ => ‘nav_height’,
‘type’ => ‘input’,
‘std’ => ’50px’,
‘lockable’ => true,
‘required’ => array( ‘nav_layout’, ‘equals’, ‘custom’ ),
‘container_class’ => ‘av_half’
),
array(
‘name’ => __( ‘Button Border Radius’, ‘avia_framework’ ),
‘desc’ => __( ‘Set the border radius of the button’, ‘avia_framework’ ),
‘id’ => ‘nav_radius’,
‘type’ => ‘multi_input’,
‘sync’ => true,
‘std’ => ‘50%’,
‘lockable’ => true,
‘required’ => array( ‘nav_layout’, ‘equals’, ‘custom’ ),
‘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’ )
),
),
);
break;
case ‘Image’:
$c = array(
array(
‘name’ => __( ‘Image Size and Orientation’, ‘avia_framework’ ),
‘desc’ => __( ‘Either use the widget default colors or apply some custom ones’, ‘avia_framework’ ),
‘id’ => ‘orientation_and_size’,
‘type’ => ‘select’,
‘std’ => ”,
‘lockable’ => true,
‘subtype’ => AbstraktEnfoldExtensions::get_image_sizes(),
),
array(
‘name’ => __( ‘Image Aspect Ratio’, ‘avia_framework’ ),
‘desc’ => __( ‘Enter the CSS value as a fraction, ie 16/9’, ‘avia_framework’ ),
‘id’ => ‘aspect_ratio’,
‘type’ => ‘input’,
‘std’ => ”,
‘lockable’ => true,
‘required’ => array( ‘orientation_and_size’, ‘not’, ” ),
‘container_class’ => ‘av_third av_third_first’
),
array(
‘name’ => __( ‘Image Object Fit’, ‘avia_framework’ ),
‘desc’ => __( ‘Select one of the CSS values or choose none.’, ‘avia_framework’ ),
‘id’ => ‘object_fit’,
‘type’ => ‘select’,
‘std’ => ‘cover’,
‘lockable’ => true,
‘required’ => array( ‘orientation_and_size’, ‘not’, ” ),
‘container_class’ => ‘av_third’,
‘subtype’ => array(
__( ‘None’, ‘avia_framework’ ) => ‘none’,
__( ‘Fill’, ‘avia_framework’ ) => ‘fill’,
__( ‘Contain’, ‘avia_framework’ ) => ‘contain’,
__( ‘Cover’, ‘avia_framework’ ) => ‘cover’,
__( ‘Scale Down’, ‘avia_framework’ ) => ‘scale-down’
),
),
array(
‘name’ => __( ‘Image Object Position’, ‘avia_framework’ ),
‘desc’ => __( ‘Enter a css value ie 50% 50% or left top’, ‘avia_framework’ ),
‘id’ => ‘object_position’,
‘type’ => ‘input’,
‘std’ => ‘center center’,
‘lockable’ => true,
‘required’ => array( ‘orientation_and_size’, ‘not’, ” ),
‘container_class’ => ‘av_third’,
),
);
break;
case ‘Container’:
$c = array(
array(
‘name’ => __( ‘Slides Layout’, ‘avia_framework’ ),
‘desc’ => __( ‘Either use the widget default colors or apply some custom ones’, ‘avia_framework’ ),
‘id’ => ‘slides_layout’,
‘type’ => ‘select’,
‘std’ => ”,
‘lockable’ => true,
‘subtype’ => array(
__( ‘Default’, ‘avia_framework’ ) => ”,
__( ‘Define Custom layout’, ‘avia_framework’ ) => ‘custom’
),),
array(
‘name’ => __( ‘Badge Max Width’, ‘avia_framework’ ),
‘desc’ => __( ‘Enter the badges title here (Better keep it short)’, ‘avia_framework’ ),
‘id’ => ‘max_width’,
‘type’ => ‘input’,
‘std’ => ‘250px’,
‘lockable’ => true,
‘required’ => array( ‘slides_layout’, ‘equals’, ‘custom’ ),
‘container_class’ => ‘av_half av_half_first’
),
array(
‘name’ => __( ‘Badge Min Height’, ‘avia_framework’ ),
‘desc’ => __( ‘Enter the badges title here (Better keep it short)’, ‘avia_framework’ ),
‘id’ => ‘min_height’,
‘type’ => ‘input’,
‘std’ => ‘400px’,
‘lockable’ => true,
‘required’ => array( ‘slides_layout’, ‘equals’, ‘custom’ ),
‘container_class’ => ‘av_half’
),
array(
‘name’ => __( ‘Badge 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,
‘required’ => array( ‘slides_layout’, ‘equals’, ‘custom’ ),
‘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’ )
),
),
);
break;
}
if (!is_array($template)) {
$template = array(
array(
‘type’ => ‘template’,
‘template_id’ => ‘toggle’,
‘title’ => __( $title, ‘avia_framework’ ),
‘content’ => $c
),
);
}return $template;
}
public static function amg_enfold_inline($atts) : string
{
$output = ”;
if ($atts[‘content_layout’] == ‘inline’) {
$output .= “<div id=’amg-enfold-inline’>”;
$output .= “<div id=’amg-enfold-inline-box’>”;
$output .= “<div id=’content’></div>”;
$output .= “</div>”;
$output .= “</div>”;
}
return $output;
}public static function amg_button_append_selectors($selectors, $element_id) : array
{
$selectors[‘wrap’] = “#top #wrap_all .accordionContainer.{$element_id} .c-accordion .c-accordion__item .avia-button-wrap.button-wrap”;
$selectors[‘wrap-animation’] = “#top #wrap_all .accordionContainer.{$element_id} .c-accordion .c-accordion__item .avia_transform .avia-button-wrap.button-wrap”;
$selectors[‘button_container’] = “#top #wrap_all .accordionContainer.{$element_id} .c-accordion .c-accordion__item .avia-button”;
$selectors[‘container-hover’] = “#top #wrap_all .accordionContainer.{$element_id} .c-accordion .c-accordion__item .avia-button:hover”;
$selectors[‘container-hover-overlay’] = “#top #wrap_all .accordionContainer.{$element_id} .c-accordion .c-accordion__item .avia-button:hover .avia_button_background”;
$selectors[‘container-after’] = “#top #wrap_all .accordionContainer.{$element_id} .c-accordion .c-accordion__item .avia-button.avia-sonar-shadow:after”;
$selectors[‘container-after-hover’] = “#top #wrap_all .accordionContainer.{$element_id} .c-accordion .c-accordion__item .avia-button.avia-sonar-shadow:hover:after”;
$selectors[‘curtain’] = “#top #wrap_all .accordionContainer.{$element_id} .c-accordion .c-accordion__item .avia-button-wrap.button-wrap .avia-curtain-reveal-overlay”;
$selectors[‘button_icon’] = “#top #wrap_all .accordionContainer.{$element_id} .c-accordion .c-accordion__item .amg-button-wrap .amg-tab-icon”;return $selectors;
}public static function amg_create_button(array $atts, array $meta, $container_class, $style_tag, $wrap_class, $background_hover ):string {
$data = ”;/* if( $atts[‘button_icon_select’] == ‘yes’ )
{
$atts[‘button_icon_select’] = ‘yes-left-icon’;
}$fonts = explode(‘,’, $atts[‘font’]);
$font = $fonts[1] ?? $fonts[0];
$display_char = av_icon( $atts[‘button_icon’], $font );*/if( ! empty( $atts[‘label_display’] ) && $atts[‘label_display’] == ‘av-button-label-on-hover’ )
{
$data .= ‘data-avia-tooltip=”‘ . htmlspecialchars( $atts[‘label’] ) . ‘”‘;
$atts[‘label’] = ”;
}$blank = AviaHelper::get_link_target( $atts[‘link_target’] );
$link = AviaHelper::get_url( $atts[‘link’] );
$link = ( ( $link == ‘http://’ ) || ( $link == ‘manually’ ) ) ? ” : $link;$title_attr = ! empty( $atts[‘title_attr’] ) && empty( $atts[‘label_display’] ) ? ‘title=”‘ . esc_attr( $atts[‘title_attr’] ) . ‘”‘ : ”;
$content_html = ”;
/*if( ‘yes-left-icon’ == $atts[‘button_icon_select’] )
{
$content_html .= “<span class=’avia_button_icon avia_button_icon_left’></span>”;
}*/$content_html .= “<span class=’avia_iconbox_title’ >{$atts[‘label’]}</span>”;
/*if( ‘yes-right-icon’ == $atts[‘button_icon_select’] )
{
$content_html .= “<span class=’avia_button_icon avia_button_icon_right’ {$display_char}></span>”;
}*/$curtain_reveal_overlay = ”;
$html = ”;
$html .= $style_tag;$html .= ““;
$html .= $curtain_reveal_overlay;
$html .= $content_html;
$html .= $background_hover;
$html .= ‘‘;$output = “<div {$meta[‘custom_el_id’]} class=’avia-button-wrap {$wrap_class} avia-button-{$atts[‘position’]} {$meta[‘el_class’]}’>”;
//$output .= $curtain_reveal_overlay;
$output .= $html;
$output .= ‘</div>’;return $output;
}
}
}new AbstraktEnfoldExtensions();
require ‘plugin-update-checker-master/plugin-update-checker.php’;
use YahnisElsts\PluginUpdateChecker\v5\PucFactory;
$myUpdateChecker = PucFactory::buildUpdateChecker(
‘https://nates1dev.wpengine.com/wp-content/uploads/enfold-extensions/info.json’,
__FILE__, //Full path to the main plugin file or functions.php.
‘abstrakt-enfold-extensions’
);February 28, 2025 at 9:13 am #1478216In reply to: Similar themes to Enfold or design options
Hi,
If you are having trouble importing the creative studio demo, then you can paste these shortcodes to a new page:
[av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#f8f8f8' bottom_border_diagonal_direction='' bottom_border_style='diagonal-box-shadow' scroll_down='aviaTBscroll_down' id='' color='main_color' custom_bg='#ffffff' src='https://kriesi.at/themes/enfold-creative-studio/files/2015/07/laptop-white.jpg' attachment='437' attachment_size='full' attach='fixed' position='top left' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.2' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern='' av_uid='av-dbfgfq'] [av_one_fifth first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='20px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' mobile_display='' av_uid='av-d3kd2u'] [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='20px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='top-to-bottom' mobile_display='' av_uid='av-cxkf5q'] [av_heading tag='h3' padding='0' heading='<strong>Enfold</strong><br/>Creative Studio' color='' style='blockquote modern-quote modern-centered' custom_font='' size='65' subheading_active='' subheading_size='15' custom_class='' av_uid='av-csfzhy'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-cof1wm'] [av_textblock size='22' font_color='' color='' av_uid='av-cgf792'] <p style="text-align: center;">We create beautiful animations and mock ups. Make sure to check out our portfolio and get in touch if you want to work together.</p> [/av_textblock] [av_hr class='invisible' height='120px' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-ccyha6'] [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='20px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' mobile_display='' av_uid='av-c6xq1i'] [/av_one_fifth] [/av_section] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#ffffff' bottom_border_diagonal_direction='border-extra-diagonal-inverse' bottom_border_style='' id='service' color='main_color' custom_bg='#f8f8f8' src='https://test.kriesi.at/enfold-bold-portfolio/wp-content/uploads/sites/23/2015/07/services-3.png' attachment='391' attachment_size='full' attach='scroll' position='center right' repeat='contain' video='' video_ratio='16:9' overlay_opacity='0.2' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern='' av_uid='av-c27v2m'] [av_one_third first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' mobile_display='' av_uid='av-16u2ti'] [av_font_icon icon='uf17a' font='flaticon' style='' caption='' size='40px' position='left' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-bmsbue' sc_version='1.0' admin_preview_bg=''][/av_font_icon] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-bhyhcu'] [av_textblock size='' font_color='' color='' av_uid='av-bdkmhi'] <h2>Logo Design</h2> Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo. [/av_textblock] [/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' mobile_display='' av_uid='av-b6qbz2'] [av_font_icon icon='uf215' font='flaticon' style='' caption='' size='40px' position='left' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-b0hos6' sc_version='1.0' admin_preview_bg=''][/av_font_icon] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-awjowe'] [av_textblock size='' font_color='' color='' av_uid='av-anooby'] <h2>Print Design</h2> Aenean massa. Cum sociis natoque penatibus et magnis dis montes, ridiculus mus sociis inter. [/av_textblock] [/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' mobile_display='' av_uid='av-11ycfi'] [/av_one_third][av_one_third first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' mobile_display='' av_uid='av-acjxmu'] [av_font_icon icon='uf243' font='flaticon' style='' caption='' size='40px' position='left' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-a6ktt2' sc_version='1.0' admin_preview_bg=''][/av_font_icon] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-9yt54u'] [av_textblock size='' font_color='' color='' av_uid='av-z97im'] <h2>Web Creation</h2> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_textblock] [/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' mobile_display='' av_uid='av-9osae6'] [av_font_icon icon='uf224' font='flaticon' style='' caption='' size='40px' position='left' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-9kmli6' sc_version='1.0' admin_preview_bg=''][/av_font_icon] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-9ez5fi'] [av_textblock size='' font_color='' color='' av_uid='av-94y27a'] <h2>Swift Support</h2> Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante dapibus. [/av_textblock] [/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='20px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' mobile_display='' av_uid='av-8yg09y'] [/av_one_third][/av_section][av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#f8f8f8' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top right' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.2' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern='' av_uid='av-8tq8e6'] [av_one_third first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' mobile_display='' av_uid='av-8o7o8u'] [av_font_icon icon='uf123' font='flaticon' style='' caption='' size='40px' position='left' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-8ineda' sc_version='1.0' admin_preview_bg=''][/av_font_icon] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-8e3eti'] [av_textblock size='' font_color='' color='' av_uid='av-88i3wm'] <h2>Stock Photos</h2> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_textblock] [/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' mobile_display='' av_uid='av-8350im'] [av_font_icon icon='uf161' font='flaticon' style='' caption='' size='40px' position='left' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-2tgxq' sc_version='1.0' admin_preview_bg=''][/av_font_icon] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-7reso6'] [av_textblock size='' font_color='' color='' av_uid='av-7kc4gm'] <h2>E-Commerce Solutions</h2> Aenean massa. Cum sociis natoque penatibus et magnis dis montes, ridiculus mus sociis inter. [/av_textblock] [/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' mobile_display='' av_uid='av-7c3izq'] [av_font_icon icon='uf200' font='flaticon' style='' caption='' size='40px' position='left' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-76vx4u' sc_version='1.0' admin_preview_bg=''][/av_font_icon] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-72vrbi'] [av_textblock size='' font_color='' color='' av_uid='av-6ty8h2'] <h2>Secure Coding</h2> Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa enim. [/av_textblock] [/av_one_third][av_hr class='invisible' height='115' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-6pks9i'] [/av_section][av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#ffffff' bottom_border_diagonal_direction='border-extra-diagonal-inverse' bottom_border_style='' id='work' color='main_color' custom_bg='#f8f8f8' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.2' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern='' av_uid='av-6lu8we'] [av_heading tag='h3' padding='40' heading='Recent Work' color='' style='blockquote modern-quote' custom_font='' size='65' subheading_active='' subheading_size='15' custom_class='' av_uid='av-6b51m6'][/av_heading] [av_masonry_gallery ids='403,404,405,408,409,410' items='9' columns='3' paginate='load_more' size='fixed' gap='large' overlay_fx='active' container_links='active' id='' caption_elements='title' caption_styling='overlay' caption_display='on-hover' color='' custom_bg='' av_uid='av-69hvzi'] [/av_section] [av_section min_height='' min_height_px='500px' padding='small' shadow='no-border-styling' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#ffffff' bottom_border_diagonal_direction='border-extra-diagonal-inverse' bottom_border_style='' id='team' color='main_color' custom_bg='#f8f8f8' src='' attachment='' attachment_size='' attach='scroll' position='top right' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.2' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern='' av_uid='av-60xre6'] [av_heading heading='Our Team' tag='h3' style='blockquote modern-quote' size='65' subheading_active='' subheading_size='15' padding='40' color='' custom_font='' av_uid='av-5w6fye'][/av_heading] [/av_section] [av_layout_row border='' min_height='500px' color='main_color' mobile='av-flex-cells' id='' av_uid='av-5q6dem'] [av_cell_one_third vertical_align='middle' padding='50px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top center' background_repeat='no-repeat' mobile_display='' av_uid='av-5h9k0u'] [av_heading tag='h3' padding='0' heading='Jana Weaving' color='' style='blockquote modern-quote modern-centered' custom_font='' size='30' subheading_active='subheading_below' subheading_size='15' custom_class='' av_uid='av-1xkse'] Design & Graphics [/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='30px' custom_border_color='#000000' custom_margin_top='15px' custom_margin_bottom='15px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-ik4mm'] [av_textblock size='' font_color='' color='' av_uid='av-4zcoqu'] <p style="text-align: center;">Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras imperdiet dapibus.</p> [/av_textblock] [av_font_icon icon='ue877' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='center' color='#cecece' av_uid='av-4ykmpq'][/av_font_icon] [/av_cell_one_third][av_cell_one_third vertical_align='middle' padding='50px' padding_sync='true' background_color='' src='https://test.kriesi.at/enfold-bold-portfolio/wp-content/uploads/sites/23/2015/07/team3-700x1030.jpg' attachment='426' attachment_size='large' background_attachment='scroll' background_position='top center' background_repeat='stretch' mobile_display='av-hide-on-mobile' av_uid='av-4rthmm'] [/av_cell_one_third][av_cell_one_third vertical_align='middle' padding='50px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top center' background_repeat='no-repeat' mobile_display='' av_uid='av-4mg82e'] [av_heading tag='h3' padding='0' heading='Juliet McMahon' color='' style='blockquote modern-quote modern-centered' custom_font='' size='30' subheading_active='subheading_below' subheading_size='15' custom_class='' av_uid='av-1l1ee'] Customer Support [/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='30px' custom_border_color='#000000' custom_margin_top='15px' custom_margin_bottom='15px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-47uxkm'] [av_textblock size='' font_color='' color='' av_uid='av-42hr3i'] <p style="text-align: center;">Donec pede justo, fringilla vel,nascetur ridiculus aliquet nec, vulputate eget, arcu.</p> [/av_textblock] [av_font_icon icon='ue877' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='center' color='#cecece' av_uid='av-3w4jjy'][/av_font_icon] [/av_cell_one_third] [/av_layout_row] [av_layout_row border='' min_height='500px' color='main_color' mobile='av-flex-cells' id='' av_uid='av-3q2sti'] [av_cell_one_third vertical_align='middle' padding='50px' padding_sync='true' background_color='' src='https://test.kriesi.at/enfold-bold-portfolio/wp-content/uploads/sites/23/2015/07/team2-700x1030.jpg' attachment='425' attachment_size='large' background_attachment='scroll' background_position='top center' background_repeat='stretch' mobile_display='av-hide-on-mobile' av_uid='av-3i0yem'] [/av_cell_one_third][av_cell_one_third vertical_align='middle' padding='50px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-3fz2om'] [av_font_icon icon='ue87a' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='center' color='#cecece' av_uid='av-36j8vy'][/av_font_icon] [av_heading tag='h3' padding='0' heading='Tim Bronson' color='' style='blockquote modern-quote modern-centered' custom_font='' size='30' subheading_active='subheading_below' subheading_size='15' custom_class='' av_uid='av-b271a'] Development [/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='30px' custom_border_color='#000000' custom_margin_top='15px' custom_margin_bottom='15px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-a7adq'] [av_textblock size='' font_color='' color='' av_uid='av-a11ue'] <p style="text-align: center;">Aenean massa. Cum sociis natoque penatibus et magnis dis montes, ridiculus mus sociis inter.</p> [/av_textblock] [/av_cell_one_third][av_cell_one_third vertical_align='middle' padding='50px' padding_sync='true' background_color='' src='https://test.kriesi.at/enfold-bold-portfolio/wp-content/uploads/sites/23/2015/07/team1-700x1030.jpg' attachment='424' attachment_size='large' background_attachment='scroll' background_position='top center' background_repeat='stretch' mobile_display='av-hide-on-mobile' av_uid='av-2idipa'] [/av_cell_one_third] [/av_layout_row] [av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#f8f8f8' bottom_border_diagonal_direction='' bottom_border_style='' id='team' color='main_color' custom_bg='#ffffff' src='' attachment='' attachment_size='' attach='scroll' position='top right' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.2' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern='' av_uid='av-2eopu6'][/av_section] [av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#ffffff' bottom_border_diagonal_direction='border-extra-diagonal-inverse' bottom_border_style='' id='contact' color='main_color' custom_bg='#f8f8f8' src='' attachment='' attachment_size='' attach='scroll' position='top right' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.2' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern='' av_uid='av-2aqedq'] [av_heading tag='h3' padding='40' heading='Contact' color='' style='blockquote modern-quote' custom_font='' size='65' subheading_active='' subheading_size='15' custom_class='' av_uid='av-7k586'][/av_heading] [av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' mobile_display='' av_uid='av-1uh12u'] [av_contact email='' title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' form_align='' color='av-custom-form-color av-dark-form' av_uid='av-1rb732'] [av_contact_field label='Name' type='text' options='' check='is_empty' width='' multi_select='' av_uid='av-1ibmxq'][/av_contact_field] [av_contact_field label='E-Mail' type='text' check='is_email' options='' multi_select='' width='' av_uid='av-1cy3ce'][/av_contact_field] [av_contact_field label='Message' type='textarea' check='is_empty' options='' multi_select='' width='' av_uid='av-1aljd2'][/av_contact_field] [/av_contact] [/av_one_half][av_one_fourth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' mobile_display='' av_uid='av-128rfi'] [av_textblock size='' font_color='' color='' av_uid='av-utcvy'] <h2>Address</h2> 10800 West Pico Boulevard Infinity Loop Cupertino, Los Angeles, USA <h2>Contact</h2> (Email address hidden if logged out) 555-3587 347 <h2></h2> [/av_textblock] [/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' mobile_display='' av_uid='av-pbp5a'] [av_textblock size='' font_color='' color='' av_uid='av-n4l5i'] <h2>Opening Hours:</h2> Mo-Fr: 8:00-19:00 Sa: 8:00-14:00 So: closed [/av_textblock] [/av_one_fourth] [/av_section] [av_google_map height='400px' zoom='16' saturation='fill' hue='#ffffff' zoom_control='aviaTBzoom_control' av_uid='av-ghjfy'] [av_gmap_location address='Infinite Loop' city='Cupertino' country='' long='-122.03077589999998' lat='37.332112' marker='197' imagesize='40' av_uid='av-9s9hi'][/av_gmap_location] [/av_google_map]
Best regards,
RikardFebruary 26, 2025 at 5:30 pm #1478043In 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; } } }
February 16, 2025 at 12:01 pm #1477185In reply to: Elements to recreate law homepage 3-box lines
Hey Silvia,
If you activate debug mode under Enfold->Layout Builder->Show advanced options, then you paste these shortcodes to a new page in the new box which will appear under the regular layout window, and you can see exactly how that page was created:
[av_section min_height='25' min_height_px='500px' padding='no-padding' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='diagonal_tb' src='https://kriesi.at/themes/enfold-law/wp-content/uploads/sites/78/2018/05/hero2-bw.png' attachment='833' attachment_size='full' attach='scroll' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#084a79' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-145nae'] [av_one_full first min_height='' vertical_alignment='av-align-top' space='' custom_margin='aviaTBcustom_margin' 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='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-jgf3pjem'] [av_heading tag='h2' padding='0' heading='Working Tirelessly To Protect And Defend Your Rights' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='5vw' subheading_active='subheading_above' subheading_size='25' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin='150px,,150px,' av_uid='av-37xou'] Our Goal [/av_heading] [/av_one_full][av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' custom_margin='aviaTBcustom_margin' margin='0px,70px' link='' linktarget='' link_hover='opacity80' padding='40px' padding_sync='true' border='' border_color='#f2f2f2' radius='0px' radius_sync='true' background='bg_color' background_color='#ffffff' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy'] [av_heading tag='h2' padding='10' heading='Insurance Litigation' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin='' av_uid='av-q9d9a'][/av_heading] [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh' admin_preview_bg='rgb(255, 255, 255)'] <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula dolor.</p> [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-jgf4q5kq' admin_preview_bg=''] [av_button label='Learn more' link='page,824' link_target='' size='large' position='center' label_display='' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue879' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-jgf4ovnq' admin_preview_bg=''] [/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' custom_margin='aviaTBcustom_margin' margin='0px,70px' link='' linktarget='' link_hover='opacity80' padding='40px' padding_sync='true' border='' border_color='#f2f2f2' radius='0px' radius_sync='true' background='bg_gradient' background_color='#094978' background_gradient_color1='#094978' background_gradient_color2='#105e96' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-64'] [av_heading tag='h2' padding='10' heading='Real Property Litigation' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin='' av_uid='av-kizh2'][/av_heading] [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-63' admin_preview_bg='rgb(255, 255, 255)'] <p style="text-align: center;">Donec quam felis, ultricies nec eu, pretium quis, sem. Nulla consequat massa quis enim.</p> [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-jgf4q5kq-62' admin_preview_bg=''] [av_button label='Learn more' link='page,824' link_target='' size='large' position='center' label_display='' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue879' font='entypo-fontello' color='custom' custom_bg='#ffffff' custom_font='#000000' av_uid='av-jgf4ovnq-61' admin_preview_bg=''] [/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' custom_margin='aviaTBcustom_margin' margin='0px,70px' link='' linktarget='' link_hover='opacity80' padding='40px' padding_sync='true' border='' border_color='#f2f2f2' radius='0px' radius_sync='true' background='bg_gradient' background_color='#072f4c' background_gradient_color1='#072f4c' background_gradient_color2='#0c4771' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-60'] [av_heading tag='h2' padding='10' heading='Construction Litigation' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin='' av_uid='av-gnh3i'][/av_heading] [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-59' admin_preview_bg='rgb(255, 255, 255)'] <p style="text-align: center;">In enim justo ut, imperdiet a, venenatis vitae, justo. Donec pede justo, fringilla vel eget, arcu.</p> [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-jgf4q5kq-58' admin_preview_bg=''] [av_button label='Learn more' link='page,824' link_target='' size='large' position='center' label_display='' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue879' font='entypo-fontello' color='custom' custom_bg='#ffffff' custom_font='#000000' av_uid='av-jgf4ovnq-57' admin_preview_bg=''] [/av_one_third] [/av_section] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-qet8u'] [av_heading tag='h3' padding='0' heading='How we operate for you' color='' style='blockquote modern-quote modern-centered' custom_font='' size='50' subheading_active='' subheading_size='30' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin='0' av_uid='av-14g98e'][/av_heading] [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgfdunv8' admin_preview_bg=''] <p style="text-align: center;">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> [/av_textblock] [av_hr class='custom' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='#d3d3d3' custom_margin_top='50px' custom_margin_bottom='65px' icon_select='yes' custom_icon_color='#072f4c' icon='uf119' font='justice' av_uid='av-jgf4q5kq-54' admin_preview_bg='rgb(255, 255, 255)'] [av_one_third first min_height='' vertical_alignment='av-align-top' space='' custom_margin='aviaTBcustom_margin' margin='0px' margin_sync='true' link='' linktarget='' link_hover='opacity80' padding='0px' padding_sync='true' border='' border_color='#f2f2f2' radius='3px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-56'] [av_image src='https://kriesi.at/themes/enfold-law/wp-content/uploads/sites/78/2018/05/services1-845x321.jpg' attachment='828' attachment_size='entry_with_sidebar' 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-jgqkifiw' admin_preview_bg=''][/av_image] [av_heading tag='h2' padding='10' heading='Get in touch by mail or phone' color='' style='blockquote modern-quote modern-centered' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin='15,,,' av_uid='av-vuuce'][/av_heading] [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-55' admin_preview_bg='rgb(255, 255, 255)'] <p style="text-align: center;">Donec quam felis, ultricies nec eu, pretium quis, sem. Nulla consequat massa quis enim.</p> [/av_textblock] [/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' custom_margin='aviaTBcustom_margin' margin='0px' margin_sync='true' link='' linktarget='' link_hover='opacity80' padding='0px' padding_sync='true' border='' border_color='#f2f2f2' radius='3px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-49'] [av_image src='https://kriesi.at/themes/enfold-law/wp-content/uploads/sites/78/2018/05/services2-845x321.jpg' attachment='829' attachment_size='entry_with_sidebar' 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-jgqkifiw-48' admin_preview_bg=''][/av_image] [av_heading tag='h2' padding='10' heading='Free personal consultation' color='' style='blockquote modern-quote modern-centered' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin='15,,,' av_uid='av-qisri'][/av_heading] [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-47' admin_preview_bg='rgb(255, 255, 255)'] <p style="text-align: center;">In enim justo ut, imperdiet a, venenatis vitae, justo. Donec pede justo, fringilla vel eget, arcu.</p> [/av_textblock] [/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' custom_margin='aviaTBcustom_margin' margin='0px' margin_sync='true' link='' linktarget='' link_hover='opacity80' padding='0px' padding_sync='true' border='' border_color='#f2f2f2' radius='3px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-46'] [av_image src='https://kriesi.at/themes/enfold-law/wp-content/uploads/sites/78/2018/05/services3-845x321.jpg' attachment='830' attachment_size='entry_with_sidebar' 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-jgqkifiw-45' admin_preview_bg=''][/av_image] [av_heading tag='h2' padding='10' heading='Starting your case' color='' style='blockquote modern-quote modern-centered' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin='15,,,' av_uid='av-n5bb2'][/av_heading] [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-44' admin_preview_bg='rgb(255, 255, 255)'] <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula dolor.</p> [/av_textblock] [/av_one_third][av_hr class='custom' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='#d3d3d3' custom_margin_top='50px' custom_margin_bottom='65px' icon_select='yes' custom_icon_color='#072f4c' icon='uf119' font='justice' av_uid='av-jgf4q5kq-50' admin_preview_bg='rgb(255, 255, 255)'] [av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' link='' linktarget='' link_hover='opacity80' padding='0px' padding_sync='true' border='' border_color='#f2f2f2' radius='3px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-43'] [av_heading tag='h2' padding='10' heading='What happens next?' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin='15,,,' av_uid='av-eagwu'][/av_heading] [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-42' admin_preview_bg='rgb(255, 255, 255)'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis<strong> parturient montes</strong>, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque. Nulla <a href="#">consequat massa</a> quis enim. [/av_textblock] [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' custom_margin='aviaTBcustom_margin' margin='0px' margin_sync='true' link='' linktarget='' link_hover='opacity80' padding='0px' padding_sync='true' border='' border_color='#f2f2f2' radius='3px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-40'] [av_heading tag='h2' padding='10' heading='Going trough the verdict' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin='15,,,' av_uid='av-abc4u'][/av_heading] [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-39' admin_preview_bg='rgb(255, 255, 255)'] Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer <strong>tincidunt</strong>. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. [/av_textblock] [/av_one_half][/av_section][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='' bottom_border_style='' custom_arrow_bg='' id='' color='main_color' background='bg_gradient' custom_bg='' background_gradient_color1='#094978' background_gradient_color2='#105e96' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-qet8u-52'] [av_one_full first min_height='av-equal-height-column' vertical_alignment='av-align-middle' 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-lsyke'] [av_heading tag='h4' padding='30' heading='We are the best reviewed Criminal Defence Law Firm in the US. ' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='27' subheading_active='subheading_below' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin='' av_uid='av-6qb2m'] If you want to be represented by the best law firm for your case then do not hesitate and write us a mail! [/av_heading] [av_button label='Get in touch' link='page,156' link_target='' size='large' position='center' label_display='' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue879' font='entypo-fontello' color='custom' custom_bg='#ffffff' custom_font='#000000' av_uid='av-jgf4ovnq-53' admin_preview_bg=''] [/av_one_full] [/av_section] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-qet8u-36'] [av_heading tag='h3' padding='0' heading='Areas of expertise' color='' style='blockquote modern-quote modern-centered' custom_font='' size='50' subheading_active='' subheading_size='30' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin='0' av_uid='av-1bijjy'][/av_heading] [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgfdunv8-51' admin_preview_bg=''] <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> [/av_textblock] [av_hr class='custom' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='#d3d3d3' custom_margin_top='50px' custom_margin_bottom='65px' icon_select='yes' custom_icon_color='#072f4c' icon='uf119' font='justice' av_uid='av-jgf4q5kq-41' admin_preview_bg='rgb(255, 255, 255)'] [av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' custom_margin='aviaTBcustom_margin' margin='0px' margin_sync='true' link='' linktarget='' link_hover='opacity80' padding='40px' padding_sync='true' border='' border_color='#f2f2f2' radius='3px' radius_sync='true' background='bg_color' background_color='#072f4c' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-38'] [av_font_icon icon='uf100' font='justice' style='' caption='' link='' linktarget='' size='70px' position='center' color='#ffffff' av_uid='av-jgf8v45f' admin_preview_bg='rgb(34, 34, 34)'][/av_font_icon] [av_heading tag='h2' padding='10' heading='Insurance Litigation' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin='25,,,' av_uid='av-43pza'][/av_heading] [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-37' admin_preview_bg='rgb(34, 34, 34)'] <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula dolor.</p> [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-jgf4q5kq-32' admin_preview_bg=''] [av_button label='Learn more' link='page,824' link_target='' size='large' position='center' label_display='' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue879' font='entypo-fontello' color='custom' custom_bg='#ffffff' custom_font='#0a0a0a' av_uid='av-jgf4ovnq-34' admin_preview_bg=''] [/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' custom_margin='aviaTBcustom_margin' margin='0px,70px' link='' linktarget='' link_hover='opacity80' padding='40px' padding_sync='true' border='' border_color='#f2f2f2' radius='3px' radius_sync='true' background='bg_gradient' background_color='#094978' background_gradient_color1='#094978' background_gradient_color2='#105e96' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-31'] [av_font_icon icon='uf106' font='justice' style='' caption='' link='' linktarget='' size='70px' position='center' color='#ffffff' av_uid='av-jgf8v45f-30' admin_preview_bg='rgb(34, 34, 34)'][/av_font_icon] [av_heading tag='h2' padding='10' heading='Real Property Litigation' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin='25,,,' av_uid='av-wnv3i'][/av_heading] [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-29' admin_preview_bg='rgb(255, 255, 255)'] <p style="text-align: center;">Donec quam felis, ultricies nec eu, pretium quis, sem. Nulla consequat massa quis enim.</p> [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-jgf4q5kq-28' admin_preview_bg=''] [av_button label='Learn more' link='page,824' link_target='' size='large' position='center' label_display='' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue879' font='entypo-fontello' color='custom' custom_bg='#ffffff' custom_font='#000000' av_uid='av-jgf4ovnq-27' admin_preview_bg=''] [/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' custom_margin='aviaTBcustom_margin' margin='0px,70px' link='' linktarget='' link_hover='opacity80' padding='40px' padding_sync='true' border='' border_color='#f2f2f2' radius='3px' radius_sync='true' background='bg_color' background_color='#072f4c' background_gradient_color1='#072f4c' background_gradient_color2='#0c4771' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-26'] [av_font_icon icon='uf10b' font='justice' style='' caption='' link='' linktarget='' size='70px' position='center' color='#ffffff' av_uid='av-jgf8v45f-25' admin_preview_bg='rgb(34, 34, 34)'][/av_font_icon] [av_heading tag='h2' padding='10' heading='Construction Litigation' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin='25,,,' av_uid='av-ol2qe'][/av_heading] [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-24' admin_preview_bg='rgb(255, 255, 255)'] <p style="text-align: center;">In enim justo ut, imperdiet a, venenatis vitae, justo. Donec pede justo, fringilla vel eget, arcu.</p> [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-jgf4q5kq-23' admin_preview_bg=''] [av_button label='Learn more' link='page,824' link_target='' size='large' position='center' label_display='' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue879' font='entypo-fontello' color='custom' custom_bg='#ffffff' custom_font='#000000' av_uid='av-jgf4ovnq-22' admin_preview_bg=''] [/av_one_third][av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' custom_margin='aviaTBcustom_margin' margin='6%,0' link='' linktarget='' link_hover='opacity80' padding='40px' padding_sync='true' border='' border_color='#f2f2f2' radius='3px' radius_sync='true' background='bg_gradient' background_color='#094978' background_gradient_color1='#094978' background_gradient_color2='#105e96' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-21'] [av_font_icon icon='uf120' font='justice' style='' caption='' link='' linktarget='' size='70px' position='center' color='#ffffff' av_uid='av-jgf8v45f-20' admin_preview_bg='rgb(34, 34, 34)'][/av_font_icon] [av_heading tag='h2' padding='10' heading='Traffic offense' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin='25,,,' av_uid='av-1vsny'][/av_heading] [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-19' admin_preview_bg='rgb(255, 255, 255)'] <p style="text-align: center;">Donec quam felis, ultricies nec eu, pretium quis, sem. Nulla consequat massa quis enim.</p> [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-jgf4q5kq-18' admin_preview_bg=''] [av_button label='Learn more' link='page,824' link_target='' size='large' position='center' label_display='' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue879' font='entypo-fontello' color='custom' custom_bg='#ffffff' custom_font='#000000' av_uid='av-jgf4ovnq-17' admin_preview_bg=''] [/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' custom_margin='aviaTBcustom_margin' margin='0px,70px' link='' linktarget='' link_hover='opacity80' padding='40px' padding_sync='true' border='' border_color='#f2f2f2' radius='3px' radius_sync='true' background='bg_color' background_color='#072f4c' background_gradient_color1='#072f4c' background_gradient_color2='#0c4771' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-16'] [av_font_icon icon='uf119' font='justice' style='' caption='' link='' linktarget='' size='70px' position='center' color='#ffffff' av_uid='av-jgf8v45f-15' admin_preview_bg='rgb(34, 34, 34)'][/av_font_icon] [av_heading tag='h2' padding='10' heading='Citation' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin='25,,,' av_uid='av-hcmym'][/av_heading] [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-14' admin_preview_bg='rgb(255, 255, 255)'] <p style="text-align: center;">In enim justo ut, imperdiet a, venenatis vitae, justo. Donec pede justo, fringilla vel eget, arcu.</p> [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-jgf4q5kq-13' admin_preview_bg=''] [av_button label='Learn more' link='page,824' link_target='' size='large' position='center' label_display='' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue879' font='entypo-fontello' color='custom' custom_bg='#ffffff' custom_font='#000000' av_uid='av-jgf4ovnq-12' admin_preview_bg=''] [/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' custom_margin='aviaTBcustom_margin' margin='0px,70px' link='' linktarget='' link_hover='opacity80' padding='40px' padding_sync='true' border='' border_color='#f2f2f2' radius='3px' radius_sync='true' background='bg_gradient' background_color='#094978' background_gradient_color1='#094978' background_gradient_color2='#105e96' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_breaking='' mobile_display='' av_uid='av-9wkhy-11'] [av_font_icon icon='uf114' font='justice' style='' caption='' link='' linktarget='' size='70px' position='center' color='#ffffff' av_uid='av-jgf8v45f-10' admin_preview_bg='rgb(34, 34, 34)'][/av_font_icon] [av_heading tag='h2' padding='10' heading='Jury Selection' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' 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='' margin='25,,,' av_uid='av-13pv2'][/av_heading] [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jgds8wgh-9' admin_preview_bg='rgb(255, 255, 255)'] <p style="text-align: center;">Donec quam felis, ultricies nec eu, pretium quis, sem. Nulla consequat massa quis enim.</p> [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-jgf4q5kq-8' admin_preview_bg=''] [av_button label='Learn more' link='page,824' link_target='' size='large' position='center' label_display='' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue879' font='entypo-fontello' color='custom' custom_bg='#ffffff' custom_font='#000000' av_uid='av-jgf4ovnq-7' admin_preview_bg=''] [/av_one_third] [/av_section] [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='' bottom_border_style='' custom_arrow_bg='' id='' color='main_color' background='bg_gradient' custom_bg='' background_gradient_color1='#094978' background_gradient_color2='#105e96' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-qet8u-33'] [av_one_fourth first min_height='av-equal-height-column' vertical_alignment='av-align-middle' 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-lsyke-35'] [av_animated_numbers number='10,000+' icon_select='no' icon='ue800' font='entypo-fontello' font_size='' font_size_description='' link='' linktarget='no' color='font-light' custom_color='#444444' av_uid='av-2yydy' admin_preview_bg='rgb(34, 34, 34)'] Cases served [/av_animated_numbers] [/av_one_fourth][av_one_fourth min_height='av-equal-height-column' vertical_alignment='av-align-middle' 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-lsyke-6'] [av_animated_numbers number='65+' icon_select='no' icon='ue800' font='entypo-fontello' font_size='' font_size_description='' link='' linktarget='no' color='font-light' custom_color='#444444' av_uid='av-2yydy-5' admin_preview_bg='rgb(34, 34, 34)'] Years of experience [/av_animated_numbers] [/av_one_fourth][av_one_fourth min_height='av-equal-height-column' vertical_alignment='av-align-middle' 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-lsyke-4'] [av_animated_numbers number='24/7' icon_select='no' icon='ue800' font='entypo-fontello' font_size='' font_size_description='' link='' linktarget='no' color='font-light' custom_color='#444444' av_uid='av-2yydy-3' admin_preview_bg='rgb(34, 34, 34)'] Availability & Support [/av_animated_numbers] [/av_one_fourth][av_one_fourth min_height='av-equal-height-column' vertical_alignment='av-align-middle' 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-lsyke-2'] [av_animated_numbers number='100.000.000$' icon_select='no' icon='ue800' font='entypo-fontello' font_size='' font_size_description='' link='' linktarget='no' color='font-light' custom_color='#444444' av_uid='av-2yydy-1' admin_preview_bg='rgb(34, 34, 34)'] Earned for our clients [/av_animated_numbers] [/av_one_fourth] [/av_section]
Best regards,
RikardJanuary 27, 2025 at 6:29 pm #1475876In reply to: Video in Header
have a look at : https://webers-testseite.de/bemopriv/
the heading had to be styled for responsive case – but I didn’t feel like doing that anymore.the layout is based on a grid-row element
this is the enfold shortcode of the grid-row:
[av_layout_row min_height_percent='percent' min_height_pc='60' min_height='0' border='' fold_type='' fold_height='' fold_more='Read more' fold_less='Read less' fold_text_style='' fold_btn_align='' color='main_color' fold_overlay_color='' fold_text_color='' fold_btn_color='theme-color' fold_btn_bg_color='' fold_btn_font_color='' size-btn-text='' av-desktop-font-size-btn-text='' av-medium-font-size-btn-text='' av-small-font-size-btn-text='' av-mini-font-size-btn-text='' fold_timer='' z_index_fold='' mobile='av-flex-cells' mobile_breaking='' mobile_column_order='' id='' custom_class='full-bg-image' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-m6f9v8gq' sc_version='1.0'] [av_cell_three_fourth vertical_align='middle' padding=',,,' av-desktop-padding=',,,80px' av-medium-padding=',,,80px' av-small-padding='3' av-small-padding_sync='true' av-mini-padding='20' av-mini-padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' link_dynamic='' linktarget='' title_attr='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-m6f9ukqb' sc_version='1.0'] [av_four_fifth first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' mobile_breaking='' mobile_column_order='' border='1' border_style='solid' border_color='#000000' radius='15' radius_sync='true' min_col_height='' padding='30' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' fold_type='' fold_height='' fold_more='Read more' fold_less='Read less' fold_text_style='' fold_btn_align='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='rgba(0,0,0,0.5)' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' src_dynamic='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' fold_overlay_color='' fold_text_color='' fold_btn_color='theme-color' fold_btn_bg_color='' fold_btn_font_color='' size-btn-text='' av-desktop-font-size-btn-text='' av-medium-font-size-btn-text='' av-small-font-size-btn-text='' av-mini-font-size-btn-text='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-desktop-parallax_parallax='' av-desktop-parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' fold_timer='' z_index_fold='' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' link_dynamic='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' element_template='' one_element_template='' av_uid='av-t574on' sc_version='1.0'] [av_heading heading='FREEZE FLAT™' tag='h1' style='blockquote modern-quote' subheading_active='subheading_above' show_icon='' icon='ue800' font='entypo-fontello' size='' av-desktop-font-size-title='48' av-medium-font-size-title='42' av-small-font-size-title='36' av-mini-font-size-title='28' subheading_size='' av-desktop-font-size='36' av-medium-font-size='28' av-small-font-size='24' av-mini-font-size='20' icon_size='' av-desktop-font-size-1='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='custom-color-heading' custom_font='#ffffff' subheading_color='#ffffff' seperator_color='' icon_color='' margin='' margin_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' headline_padding='' headline_padding_sync='true' av-desktop-headline_padding='' av-desktop-headline_padding_sync='true' av-medium-headline_padding='' av-medium-headline_padding_sync='true' av-small-headline_padding='' av-small-headline_padding_sync='true' av-mini-headline_padding='' av-mini-headline_padding_sync='true' padding='10' av-desktop-padding='' av-medium-padding='' av-small-padding='' av-mini-padding='' icon_padding='10' av-desktop-icon_padding='' av-medium-icon_padding='' av-small-icon_padding='' av-mini-icon_padding='' link='' link_dynamic='' link_target='' title_attr='' id='' custom_class='iceglas' template_class='' element_template='' one_element_template='' av_uid='av-m6e7xj5g' sc_version='1.0' admin_preview_bg=''] The Original [/av_heading] [/av_four_fifth][/av_cell_three_fourth][av_cell_one_fourth vertical_align='bottom' padding='' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' link_dynamic='' linktarget='' title_attr='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-u4sunr' sc_version='1.0'] [av_video src='https://www.youtube.com/watch?v=W73GdyDSHuU' mobile_image='https://webers-testseite.de/wp-content/uploads/dynamic_avia/avia_video_thumbnails/youtube/W73GdyDSHuU/W73GdyDSHuU.jpg' attachment='49853' attachment_size='full' video_autoplay_enabled='aviaTBvideo_autoplay_enabled' html5_fullscreen='aviaTBhtml5_fullscreen' format='16-9' width='16' height='9' conditional_play='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-m6f9u95o' sc_version='1.0'] [/av_cell_one_fourth] [/av_layout_row]
January 16, 2025 at 4:12 pm #1475233In reply to: Accessibility Issues
Which shortcode do I need to apply the link titles to? I am confused
Are you referring to the PHP code?
my page shortcode does have link titles (see below)
[av_section min_height='' min_height_pc='25' min_height_px='500px' padding='small' custom_margin='0px' custom_margin_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' color='main_color' background='bg_color' custom_bg='#000000' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-gw04d9' sc_version='1.0']
[av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='-25' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-fvcgnh' sc_version='1.0' admin_preview_bg='']
[av_heading heading='CHECK OUT OUR OTHER BOWL 360 FRANCHISE ' tag='h3' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='26' av-desktop-font-size-title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='20' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-desktop-font-size-1='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='custom-color-heading' custom_font='#ffffff' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' headline_padding='' headline_padding_sync='true' av-desktop-headline_padding='' av-desktop-headline_padding_sync='true' av-medium-headline_padding='' av-medium-headline_padding_sync='true' av-small-headline_padding='' av-small-headline_padding_sync='true' av-mini-headline_padding='' av-mini-headline_padding_sync='true' padding='10' av-desktop-padding='' av-medium-padding='' av-small-padding='' av-mini-padding='' icon_padding='10' av-desktop-icon_padding='' av-medium-icon_padding='' av-small-icon_padding='' av-mini-icon_padding='' link='manually,http://' link_dynamic='' link_target='' title_attr='' id='' custom_class='' template_class='' av_uid='av-esbpnx' sc_version='1.0' admin_preview_bg='']
Birthdays. Holidays. Parties for the kids. Parties for the office. Parties for you and your friends. When you’re ready to celebrate, then it’s time to BE BOWLED. Bring your party to the lanes and get ready for one unforgettable event.
[/av_heading][av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='-50' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-cpo64d' sc_version='1.0' admin_preview_bg='']
[av_partner heading='' type='grid' columns='8' navigation='arrows' control_layout='av-control-default' nav_visibility_desktop='' nav_arrow_color='' nav_arrow_bg_color='' nav_dots_color='' nav_dot_active_color='' size='no scaling' img_size_behave='' border='' img_border='solid' img_border_width='1' img_border_width_sync='true' img_border_color='#cccccc' border_radius='12' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' padding='10px' padding_sync='true' animation='slide' transition_speed='' autoplay='false' interval='5' heading_tag='' heading_class='' img_scrset='' lazy_loading='disabled' el_id='' custom_class='' template_class='' av_uid='av-bil12l' sc_version='1.0']
[av_partner_logo id='2178' id_dynamic='' hover='Bowl 360 Ozone Park' link='manually,https://bowl360.nyc/' link_dynamic='' link_target='_blank' linktitle='Bowl 360 Ozone Park' av_uid='av-9cabb1' sc_version='1.0']
[av_partner_logo id='2180' id_dynamic='' hover='' link='manually,https://bowl360astoria.nyc/' link_dynamic='' link_target='' linktitle='Bowl 360 Astoria' av_uid='av-6z8btp' sc_version='1.0']
[av_partner_logo id='2181' id_dynamic='' hover='' link='manually,https://bowl360brooklyn.nyc/' link_dynamic='' link_target='' linktitle='Bowl360 Brooklyn' av_uid='av-6jvk4t' sc_version='1.0']
[av_partner_logo id='2183' id_dynamic='' hover='' link='manually,http://bowl360newhydepark.com/' link_dynamic='' link_target='' linktitle='Bowl 360 New Hyde Park' av_uid='av-44jhel' sc_version='1.0']
[av_partner_logo id='2184' id_dynamic='' hover='' link='manually,https://bowl360strikecityspringhill.com/' link_dynamic='' link_target='' linktitle='Bowl 360 Strike City Spring Hill' av_uid='av-101zh' sc_version='1.0']
[av_partner_logo id='2220' id_dynamic='' hover='' link='manually,https://island360restaurant.com/' link_dynamic='' link_target='' linktitle='Island 360 Restaurant' av_uid='av-101zh-2' sc_version='1.0']
[av_partner_logo id='2222' id_dynamic='' hover='' link='manually,https://paddles360.com/' link_dynamic='' link_target='' linktitle='Paddles 360' av_uid='av-101zh-1' sc_version='1.0']
[av_partner_logo id='2260' id_dynamic='' hover='' link='manually,https://uptownbarandgrill360.com/' link_dynamic='' link_target='' linktitle='Uptown Bar and Grill' av_uid='av-101zh-1-1' sc_version='1.0']
[/av_partner][/av_section]
January 3, 2025 at 6:46 pm #1474586Thank you for the explanation @guenni007, I really appreciate. Thank you for asking @Rikard.
There is however something that either I do not quite understand or is not working as expected on my computer (Mac on Safari):If I go to your sample website, I never see any auto animation of the Icon Circles; I need to go there with my mouse, hover on one icon and I see the content, then nothing happens for the other icons; if I leave with the mouse the Circle, nothing happens, no animation starts.
I recorded the screen of my computer to show you what I mean:
WebertrialThe video you sent me of my homepage (https://webers-testseite.de/circle-rotator.mp4) works well, but I added the code you wrote in my Quick CSS and nothing happens. The only thing I get is that when I now hover over an icon, the content in the middle has a transparent background (which is actually great) and not the white background it had before. The transparent background is great now, but I can’t get any animation to work automatically, nor if I hover over an icon, then leave nothing happens; there is no effect like in the video you sent me of my homepage trial.
Here you see a screen recording of what I mean:
CristinaHomeSo I’m not sure what I’m doing wrong.
Also, I do not have a child-them installed, I only use the main Enfold theme. Therefore, I haven’t put any code in the function.php file.
January 3, 2025 at 2:57 pm #1474566that example page : on hover the normal behaviour is working on mouseleave the animation starts. every 3sec the active state is changing.
???the default behaviour is important for me – because i do have links on each icon. So if the animation still is working that hampers the default action.
January 3, 2025 at 2:47 pm #1474565Thank you for the reply @Guenni007 and for the sample website you gave me.
Unfortunately, that doesn’t seem to do what I mean, as the animation goes normally also on our site when you start scrolling the page; for the site you sent me, you still have to hover over the icons to display their content inside the center of the circle.
What I would like to do is for everything to show without having to hover over the icon, i.e. you start seeing the logo inside the circle, then after 2 seconds you see the content of the first icon displayed, then after 2 seconds you see the content of the second icon displayed and lastly, after another 2 seconds you see the content of the third icon displayed in the center.
So everything would display automatically, as nearly nobody would point the mouse to the icons to reveal content, since nobody knows and the vast majority don0t event imagine there is something else to view.Hope that makes sense and hope that is something feasible, or if not, maybe that is a new feature to add to the next version of Enfold.
Thanks
January 3, 2025 at 10:33 am #1474515you can see here a trial:
https://guenterweber.com/if you hover the circle the animation stops (mouseenter) if you leave the circle – animation starts again.
Why there is a small delay – between icon and icon-text – i do not knowput this to your child-theme functions.php
function rotation_of_active_circle_icons(){ ?> <script type="text/javascript"> window.addEventListener("DOMContentLoaded", function () { // Select the parent element const parentElement = document.querySelector('.avia-icon-circles-inner'); // Parent // The classes to target and toggle const targetClasses = ['avia-icon-circles-icon', 'avia-icon-circles-icon-text']; // children const activeClass = 'active'; // Function to rotate the active class among children with specific classes function rotateActiveClassPair(parent, targetClasses, activeClass, interval) { // Get children for each target class const childrenGroups = targetClasses.map(cls => Array.from(parent.querySelectorAll(<code>.${cls}</code>))); const maxLength = Math.max(...childrenGroups.map(group => group.length)); let currentIndex = 0; let rotationInterval; // Ensure there are children to rotate if (maxLength === 0) return; // Function to remove all active classes function removeAllActiveClasses() { childrenGroups.flat().forEach(child => child.classList.remove(activeClass)); } // Start the rotation function startRotation() { rotationInterval = setInterval(() => { // Remove the active class from the current pair childrenGroups.forEach(group => { if (group[currentIndex]) { group[currentIndex].classList.remove(activeClass); } }); // Move to the next index (loop back to the start if at the end) currentIndex = (currentIndex + 1) % maxLength; // Add the active class to the new pair childrenGroups.forEach(group => { if (group[currentIndex]) { group[currentIndex].classList.add(activeClass); } }); }, interval); } // Start rotating initially startRotation(); // Pause the rotation and remove all active classes on hover parent.addEventListener('mouseenter', () => { clearInterval(rotationInterval); // Stop the rotation removeAllActiveClasses(); // Remove all active classes }); // Resume the rotation when the mouse leaves the parent parent.addEventListener('mouseleave', () => { startRotation(); // Restart the rotation }); } // Start rotating the active class every 3 seconds rotateActiveClassPair(parentElement, ['avia-icon-circles-icon', 'avia-icon-circles-icon-text'], 'active', 3000); }); </script> <?php } add_action('wp_footer', 'rotation_of_active_circle_icons');
December 4, 2024 at 11:20 am #1472889it is not only the double button – you can insert on caption for example this:
( just style it on the page bottom – copy that enfold button shortcode and insert it on captions field )[av_button label='Click me' icon_select='yes-right-icon' icon='ue82b' font='entypo-fontello' icon_hover='aviaTBicon_hover' title_attr='' button_type='' link='manually,#' link_dynamic='' link_target='' download_file='https://' attachment='' attachment_size='' downloaded_file_name='' size='large' position='center' label_display='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='conversion' template_class='' element_template='' one_element_template='' av_uid='av-lu0tlroy' sc_version='1.0' admin_preview_bg='']
As you can see on that second image – not all of the code is needed. This is the main you need for a button – change size and position to your need and maybe remove icon_hover attribute. maybe set a custom class or ID. How to get the icon codes ? … ask.
[av_button label='your button label' icon_select='yes' icon='ue859' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,#' link_target='' size='medium' position='center' label_display='' title_attr='' color='light' custom_bg='' custom_font='' id='abc' custom_class='def']
August 27, 2024 at 5:47 am #1465458Hi,
Thank you for the info.
Looks like the issue occurs because of this css rule in the enfold/config-templatebuilder/avia-shortcodes/icon/icon.css file:
/* backwards comp. default behaviour prior 4.8.4 with white shadow only */ .av_font_icon.av-icon-style-border:not(.avia-sonar-shadow) a.av-icon-char:hover:after { animation: sonarEffect 1s ease-out ; }
We’ll forward the issue to our channel.
Best regards,
IsmaelAugust 23, 2024 at 5:12 pm #1465252Topic: Bug: Cannot turn off sonar animation on ALB icon element
in forum Enfoldthinkjarvis
ParticipantHi guys,
In version 6.03 you can no longer turn off the pulsing sonar effect when you hover over an ALB icon when it is set as a link it suddenly started incorrectly ignoring the disable animation option.
To reproduce – Create an ALB icon element
Turn off the animations
Add a link
Watch in horror as the sonar effect is still there even when supposed to be disabled.August 9, 2024 at 9:31 am #1464221In reply to: Partner banner not displayed
This reply has been marked as private.June 23, 2024 at 1:13 pm #1456986In reply to: back button to previous page
Hey lelouxwebdesign,
In your sidebar add a Custom HTML widget with this code:
<a href="javascript:history.back()">Go Back</a>
then in the post sidebar you will see a “Go Back” link
you can style it as you wish and clicking it will send the visitor to the last page they viewed.
If you want to use a button, you can create a buton with the shortcode wand and use this as the manual link:javascript:history.back()
[av_button label='Go Back' icon_select='yes' icon='ue831' font='entypo-fontello' button_type='' link='manually,javascript:history.back()' link_target='' download_file='https://' attachment='' attachment_size='' downloaded_file_name='' size='large' position='center' label_display='' title_attr='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg='']
Best regards,
MikeJune 1, 2024 at 10:01 pm #1447383In reply to: Where is Portfolio Masonry Special Grid?
Hi,
Enable the Avia Layout Builder Debugger and add the code to the debugger and save:[av_section min_height='' min_height_px='500px' padding='huge' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2017/02/business-office-work-blurred.jpg' attachment='885' attachment_size='full' attach='scroll' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-35gtt'] [av_heading heading='Masonry Portfolio Example:<br/>4 Column Masonry Grid' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='0' color='custom-color-heading' custom_font='#ffffff' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-qj14h'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-mx0kh'] [av_textblock size='' font_color='custom' color='#dddddd' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-5ee9'] <p style="text-align: center;">Hey there! We are Enfold and we make really beautiful and amazing stuff. This can be used to describe what you do, how you do it, & who you do it for.</p> [/av_textblock] [/av_section] [av_masonry_entries link='portfolio_entries' term_rel='' wc_prod_visible='' wc_prod_hidden='hide' wc_prod_featured='' prod_order_by='' prod_order='' date_filter='' date_filter_start='' date_filter_end='' date_filter_format='yy/mm/dd' period_filter_unit_1='1' period_filter_unit_2='year' page_element_filter='' sort='yes-tax' query_orderby='date' query_order='DESC' caption_elements='title' caption_styling='overlay' caption_display='on-hover' img_copyright='' size='fixed manually' orientation='' image_size='masonry' gap='large' columns='4' av-desktop-columns='' av-medium-columns='' av-small-columns='' av-mini-columns='' items='9' paginate='load_more' color='' custom_bg='' img_copyright_font='' av-desktop-font-img_copyright_font='' av-medium-font-img_copyright_font='' av-small-font-img_copyright_font='' av-mini-font-img_copyright_font='' img_copyright_color='' img_copyright_bg='' animation='active' animation_duration='' animation_custom_bg_color='' animation_custom_bg_color_multi_list='' animation_z_index_curtain='100' overlay_fx='active' img_scrset='' lazy_loading='disabled' alb_description='' id='' custom_class='' template_class='' av_uid='av-83rt5' sc_version='1.0']
once the elements show after the page reloads open the masonry element and select the Portfolio Entries that you want to show.
Best regards,
MikeJune 1, 2024 at 5:51 pm #1447322In reply to: Mailchimp-Popup
Hi,
Thank you for your patience, in your shortcode it looks like you manually added class=’open-popup-link’, but the correct way to add a class in the shortcode is custom_class=’open-popup-link’ but this adds the class to the button and not the link in the button.
So we will follow these steps.
So this is what you add to your code block:[av_button label='Jealousy-Letter abonnieren' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBaviaTBicon_hover' link='manually,#test-popup' custom_class='pu-link' link_target='' size='x-large' position='center' label_display='' title_attr='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='theme-color-highlight' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='solid' border_width='2' border_width_sync='true' border_color='#000000' border_radius='10' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' template_class='' element_template='' one_element_template='' av_uid='av-1x42t1' sc_version='1.0' admin_preview_bg=''] <div id="test-popup" class="white-popup mfp-hide">[av_mailchimp list='eifersuchtscoach' double_opt_in='true' on_send='' sent='Thank you for subscribing to our newsletter!' link='' color='' hide_labels='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' alb_description='' id='' custom_class='' template_class='' av_uid='av-8l32o' sc_version='1.0'][/av_mailchimp]</div>
and this is your new popup code:
function popup_inline() { ?> <script type="text/javascript"> jQuery(window).load(function(){ jQuery('.pu-link a').addClass('open-popup-link'); jQuery('.open-popup-link').magnificPopup({ type:'inline', midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href. }); }); </script> <?php } add_action('wp_head', 'popup_inline');
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
This should now work for you.Best regards,
MikeMay 31, 2024 at 8:17 am #1447157In reply to: Mailchimp-Popup
This is my code in a text block. I must be doing something wrong with the link. It doesn’t work
[av_button label='Jealousy-Letter abonnieren' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBaviaTBicon_hover' link='manually,#test-popup' class='open-popup-link' link_target='' size='x-large' position='center' label_display='' title_attr='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='theme-color-highlight' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='solid' border_width='2' border_width_sync='true' border_color='#000000' border_radius='10' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='' sc_version='1.0' admin_preview_bg=''] <div id="test-popup" class="white-popup mfp-hide">[av_mailchimp list='eifersuchtscoach' double_opt_in='true' on_send='' sent='Thank you for subscribing to our newsletter!' link='' color='' hide_labels='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' alb_description='' id='' custom_class='' template_class='' av_uid='av-8l32o' sc_version='1.0'][/av_mailchimp]</div>
May 7, 2024 at 8:19 pm #1442608Topic: Glitch on mobile
in forum Enfoldnorthorie
ParticipantHi, I guess my custom css produces a glitch on mobile: The underlined font is not displayed properly and the cookie banner appears misplaced (at the far bottom of the page).
On Desktop everthing looks great. Can you help me please?This is my custom css:
/* Header mobile */ @media only screen and (max-width: 767px) { .responsive #top #wrap_all #header { position: fixed; } } @media only screen and (max-width: 767px) { .responsive #header_main .container { height: 50px !important; } .responsive .logo a { vertical-align: top !important; } .responsive .logo img { max-height: 50px !important; } } @media only screen and (max-width: 767px) { .responsive #top #wrap_all .main_menu { top: -15px; height: 45px; left: auto; right: 0; display: block; position: absolute; } } @media only screen and (max-width: 500px) { .responsive #top #wrap_all #main { padding-top: 50px !important; } } /* Farbe Nachrichtenversand */ h3.avia-form-success{ color:#99a502!important; } /* Header Button Mobile*/ @media only screen and (max-width: 767px) { .home .avia-fullscreen-slider .caption_bottom .slideshow_caption { bottom: 325px; left: 300px; } .home .slideshow_inner_caption .avia-slideshow-button.avia-button { background-color: #a37652; color: white; border-radius: 10px; } } @media only screen and (max-width: 767px) { #top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button { background-color: #a37652; color: white; border-radius: 10px; } } /* Text mit Foto*/ .avia_textblock p img { border-radius: 100%; box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 4px; } .avia_textblock img.alignleft { margin-right: 40px; margin-bottom: 20px; } @media only screen and (max-width: 767px) { #hello .avia_textblock img { width: 50%; } } /* ScrollDown Pfeil */ #top .scroll-down-link { color: #a47654; } /* Blog Leerzeile entfernen */ .page-id-691 #after_section_2 { display: none; } /* Blog Postdatum entfernen */ .page-id-691 .av-masonry .av-masonry-date { display: none; } /* SocialMedia Icons*/ #top #wrap_all .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-instagram a:focus { color: #fff; background-color: #c82161; } /* Icon Circle schneller*/ .avia_start_animation .avia-icon-circles-inner { transition: all 0s cubic-bezier(0,0,0,0); } /* Desktop Menu*/ @media only screen and (max-width: 2500px) { #top #header.av_header_transparency .av-main-nav > li.menu-item { display: none!important; } #top #header.av_header_transparency .av-burger-menu-main { cursor: pointer; display: block!important; } } /* Header Button Desktop*/ @media only screen and (max-width: 450px) { .slideshow_inner_caption { top: -40px; } } @media only screen and (min-width: 768px) { #top .caption_bottom .slideshow_caption .slideshow_inner_caption { position: relative; text-align: center; } #top .slideshow_inner_caption .avia-slideshow-button.avia-button { width: 500px; height: 56px; font-size: 22px; } @media only screen and (min-width: 768px) { .slideshow_inner_caption { top: -125px; } } #top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button { background-color: #a37652; color: white; border-radius: 10px; } #top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button:hover { background-color: #c79a52; color: white; border-radius: 15px; } /* CookieBanner*/ #top .avia-cookie-consent .avia-cookie-consent-button.av-extra-cookie-btn, #top .avia-popup .avia-cookie-consent-button.av-extra-cookie-btn { background-color: #484f5d; color: #ffffff; border-color: #484f5d; border-radius: 10px; } #top #wrap_all .header_color #menu-item-1628.av-menu-button-colored > a .avia-menu-text, #top #wrap_all .header_color #menu-item-1627.av-menu-button-colored > a .avia-menu-text { background-color: #484f5d; color: #ffffff; border-color: #484f5d; border-radius: 10px; } .html_elegant-blog #top .avia-content-slider .blog-categories { display: none; }
Website-Link on private content.
Thank you in advance an best regards!
May 6, 2024 at 3:13 pm #1442445Thanks, I guess I fixed my css by coping each code one by one back in.
On Desktop everything looks good again.
But the button on the mobile slider just won’t change.
Here is my current full css./* Header mobile */ @media only screen and (max-width: 767px) { .responsive #top #wrap_all #header { position: fixed; } } @media only screen and (max-width: 767px) { .responsive #header_main .container { height: 50px !important; } .responsive .logo a { vertical-align: top !important; } .responsive .logo img { max-height: 50px !important; } } @media only screen and (max-width: 767px) { .responsive #top #wrap_all .main_menu { top: -15px; height: 45px; left: auto; right: 0; display: block; position: absolute; } } @media only screen and (max-width: 500px) { .responsive #top #wrap_all #main { padding-top: 50px !important; } } /* Farbe Nachrichtenversand */ h3.avia-form-success{ color:#99a502!important; } /* Text mit Foto*/ .avia_textblock p img { border-radius: 100%; box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 4px; } .avia_textblock img.alignleft { margin-right: 40px; margin-bottom: 20px; } @media only screen and (max-width: 767px) { #hello .avia_textblock img { width: 50%; } } /* ScrollDown Pfeil */ #top .scroll-down-link { color: #a47654; } /* Blog Leerzeile entfernen */ .page-id-691 #after_section_2 { display: none; } /* Blog Postdatum entfernen */ .page-id-691 .av-masonry .av-masonry-date { display: none; } /* SocialMedia Icons*/ #top #wrap_all .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-instagram a:focus { color: #fff; background-color: #c82161; } /* Icon Circle schneller*/ .avia_start_animation .avia-icon-circles-inner { transition: all 0.2s cubic-bezier(0.175,0.885,0.320,1.275); } /* Desktop Menu*/ @media only screen and (max-width: 2500px) { #top #header.av_header_transparency .av-main-nav > li.menu-item { display: none!important; } #top #header.av_header_transparency .av-burger-menu-main { cursor: pointer; display: block!important; } } /* Header Button Desktop*/ @media only screen and (max-width: 450px) { .slideshow_inner_caption { top: -40px; } } @media only screen and (min-width: 768px) { #top .caption_bottom .slideshow_caption .slideshow_inner_caption { position: relative; text-align: center; } #top .slideshow_inner_caption .avia-slideshow-button.avia-button { width: 500px; height: 56px; font-size: 22px; } @media only screen and (min-width: 768px) { .slideshow_inner_caption { top: -125px; } } #top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button { background-color: #a37652; color: white; border-radius: 10px; } #top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button:hover { background-color: #c79a52; color: white; border-radius: 15px; } /* Header Button Mobile*/ @media only screen and (max-width: 767px) { .home .avia-fullscreen-slider .caption_bottom .slideshow_caption { bottom: 250px; } .home .slideshow_inner_caption .avia-slideshow-button.avia-button { background-color: #a37652; color: white; border-radius: 10px; } }
May 4, 2024 at 1:05 pm #1442278I’m just not looking through in my css anymore. I’m afraid to make it worse
Can you please help me?/* Header mobile */ @media only screen and (max-width: 767px) { .responsive #top #wrap_all #header { position: fixed; } } @media only screen and (max-width: 767px) { .responsive #header_main .container { height: 50px !important; } .responsive .logo a { vertical-align: top !important; } .responsive .logo img { max-height: 50px !important; } } @media only screen and (max-width: 767px) { .responsive #top #wrap_all .main_menu { top: -15px; height: 45px; left: auto; right: 0; display: block; position: absolute; } } @media only screen and (max-width: 500px) { .responsive #top #wrap_all #main { padding-top: 50px !important; } } /* Farbe Nachrichtenversand */ h3.avia-form-success{ color:#99a502!important; } /* Text mit Foto*/ .avia_textblock p img { border-radius: 100%; box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 4px; } .avia_textblock img.alignleft { margin-right: 40px; margin-bottom: 20px; } @media only screen and (max-width: 767px) { #hello .avia_textblock img { width: 50%; } } /* ScrollDown Pfeil */ #top .scroll-down-link { color: #a47654; } .html_header_transparency #top #main .caption_bottom .slideshow_caption { padding-top: 0; } } @media only screen and (max-width: 767px) { #top .caption_bottom .slideshow_caption .slideshow_inner_caption { position: relative; text-align: center; } #top .slideshow_inner_caption .avia-slideshow-button.avia-button { padding: 10px 6px; font-size: 10px; } } .html_header_transparency #top #main .caption_bottom .slideshow_caption { padding-top: 0; } } /* SlideShow Button Desktop*/ @media only screen and (min-width: 768px) { #top .caption_bottom .slideshow_caption .slideshow_inner_caption { position: relative; text-align: center; } #top .slideshow_inner_caption .avia-slideshow-button.avia-button { width: 500px; height: 56px; font-size: 22px; } @media only screen and (min-width: 768px) { .slideshow_inner_caption { top: -125px; } } /* SlideShow Button Mobil */ @media only screen and (max-width: 767px) { .home .avia-fullscreen-slider .caption_bottom .slideshow_caption { bottom: 250px; } .home .slideshow_inner_caption .avia-slideshow-button.avia-button { background-color: #a37652; color: white; border-radius: 10px; } } /* SocialMedia Icons*/ #top #wrap_all .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-instagram a:focus { color: #fff; background-color: #c82161; } .page-id-691 .av-masonry .av-masonry-date { display: none; } .avia_start_animation .avia-icon-circles-inner { transition: all 0.2s cubic-bezier(0.175,0.885,0.320,1.275); } @media only screen and (max-width: 2500px) { #top #header.av_header_transparency .av-main-nav > li.menu-item { display: none!important; } #top #header.av_header_transparency .av-burger-menu-main { cursor: pointer; display: block!important; } } .page-id-691 #after_section_2 { display: none; }
May 2, 2024 at 8:03 pm #1441982PS: you can use all element options – f.e. background-color of the icon on iconbox-top – or animation styles – like pulse on hover.
April 16, 2024 at 9:41 pm #1440136Topic: Active Campaign Full Embed Code Breaks The Page
in forum Enfolddancedojo
ParticipantHi, I’m trying to add Active Campaign forms to my website using the advanced editor code block but they’re breaking the page.
There are two embed options: a one-line “simple embed” and a “full embed code.” I need to use the full embed code so I can customize the form. (both snippets pasted at end of this message).
The simple embed code works in the advanced editor’s code block, but the full embed code breaks the page. See me recreate the issue on https://staging.thedancedojo.com/test/ here: https://www.loom.com/share/fa897947dd5a460eb5967abf9d367208
On the live site, I originally created an About page https://thedancedojo.com/about/ using the full embed code and the page saved and can be viewed, but now I can’t edit it. When I try to edit it the advanced editor won’t load – the spinner goes forever.
Any idea why this could be happening?
You can use this page for testing: https://staging.thedancedojo.com/test/
Login and FTP creds are included.
Robin
==== ACTIVE CAMPAIGN FULL EMBED CODE =====
<div class=”_form_1189″></div><script src=”https://dancedojo.activehosted.com/f/embed.php?id=1189″ charset=”utf-8″></script>==== ACTIVE CAMPAIGN FULL EMBED CODE =====
<style>@import url(https://fonts.bunny.net/css?family=open-sans:400,700);</style>
<style>
#_form_1189_{font-size:14px;line-height:1.6;font-family:arial, helvetica, sans-serif;margin:0}#_form_1189_ *{outline:0}._form_hide{display:none;visibility:hidden}._form_show{display:block;visibility:visible}#_form_1189_._form-top{top:0}#_form_1189_._form-bottom{bottom:0}#_form_1189_._form-left{left:0}#_form_1189_._form-right{right:0}#_form_1189_ input[type=”text”],#_form_1189_ input[type=”tel”],#_form_1189_ input[type=”date”],#_form_1189_ textarea{padding:6px;height:auto;border:#979797 1px solid;border-radius:4px;color:#000000 !important;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#_form_1189_ textarea{resize:none}#_form_1189_ ._submit{-webkit-appearance:none;cursor:pointer;font-family:arial, sans-serif;font-size:14px;text-align:center;background:#FF9100 !important;border:0 !important;-moz-border-radius:4px !important;-webkit-border-radius:4px !important;border-radius:4px !important;color:#FFFFFF !important;padding:10px !important}#_form_1189_ ._submit:disabled{cursor:not-allowed;opacity:0.4}#_form_1189_ ._submit.processing{position:relative}#_form_1189_ ._submit.processing::before{content:””;width:1em;height:1em;position:absolute;z-index:1;top:50%;left:50%;border:double 3px transparent;border-radius:50%;background-image:linear-gradient(#FF9100, #FF9100), conic-gradient(#FF9100, #FFFFFF);background-origin:border-box;background-clip:content-box, border-box;animation:1200ms ease 0s infinite normal none running _spin}#_form_1189_ ._submit.processing::after{content:””;position:absolute;top:0;bottom:0;left:0;right:0;background:#FF9100 !important;border:0 !important;-moz-border-radius:4px !important;-webkit-border-radius:4px !important;border-radius:4px !important;color:#FFFFFF !important;padding:10px !important}@keyframes _spin{0%{transform:translate(-50%, -50%) rotate(90deg)}100%{transform:translate(-50%, -50%) rotate(450deg)}}#_form_1189_ ._close-icon{cursor:pointer;background-image:url(“https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png”);background-repeat:no-repeat;background-size:14.2px 14.2px;position:absolute;display:block;top:11px;right:9px;overflow:hidden;width:16.2px;height:16.2px}#_form_1189_ ._close-icon:before{position:relative}#_form_1189_ ._form-body{margin-bottom:30px}#_form_1189_ ._form-image-left{width:150px;float:left}#_form_1189_ ._form-content-right{margin-left:164px}#_form_1189_ ._form-branding{color:#fff;font-size:10px;clear:both;text-align:left;margin-top:30px;font-weight:100}#_form_1189_ ._form-branding ._logo{display:block;width:130px;height:14px;margin-top:6px;background-image:url(“https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png”);background-size:130px auto;background-repeat:no-repeat}#_form_1189_ .form-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}#_form_1189_ ._form-label,#_form_1189_ ._form_element ._form-label{font-weight:bold;margin-bottom:5px;display:block}#_form_1189_._dark ._form-branding{color:#333}#_form_1189_._dark ._form-branding ._logo{background-image:url(“https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png”)}#_form_1189_ ._form_element{position:relative;margin-bottom:10px;font-size:0;max-width:100%}#_form_1189_ ._form_element *{font-size:14px}#_form_1189_ ._form_element._clear{clear:both;width:100%;float:none}#_form_1189_ ._form_element._clear:after{clear:left}#_form_1189_ ._form_element input[type=”text”],#_form_1189_ ._form_element input[type=”date”],#_form_1189_ ._form_element select,#_form_1189_ ._form_element textarea:not(.g-recaptcha-response){display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:inherit}#_form_1189_ ._field-wrapper{position:relative}#_form_1189_ ._inline-style{float:left}#_form_1189_ ._inline-style input[type=”text”]{width:150px}#_form_1189_ ._inline-style:not(._clear)+._inline-style:not(._clear){margin-left:20px}#_form_1189_ ._form_element img._form-image{max-width:100%}#_form_1189_ ._form_element ._form-fieldset{border:0;padding:0.01em 0 0 0;margin:0;min-width:0}#_form_1189_ ._clear-element{clear:left}#_form_1189_ ._full_width{width:100%}#_form_1189_ ._form_full_field{display:block;width:100%;margin-bottom:10px}#_form_1189_ input[type=”text”]._has_error,#_form_1189_ textarea._has_error{border:#F37C7B 1px solid}#_form_1189_ input[type=”checkbox”]._has_error{outline:#F37C7B 1px solid}#_form_1189_ ._error{display:block;position:absolute;font-size:14px;z-index:10000001}#_form_1189_ ._error._above{padding-bottom:4px;bottom:39px;right:0}#_form_1189_ ._error._below{padding-top:8px;top:100%;right:0}#_form_1189_ ._error._above ._error-arrow{bottom:-4px;right:15px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #FFDDDD}#_form_1189_ ._error._below ._error-arrow{top:0;right:15px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #FFDDDD}#_form_1189_ ._error-inner{padding:12px 12px 12px 36px;background-color:#FFDDDD;background-image:url(“data:image/svg+xml,%3Csvg width=’16’ height=’16’ viewBox=’0 0 16 16′ fill=’none’ xmlns=’http://www.w3.org/2000/svg’%3E%3Cpath fill-rule=’evenodd’ clip-rule=’evenodd’ d=’M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM9 3V9H7V3H9ZM9 13V11H7V13H9Z’ fill=’%23CA0000’/%3E%3C/svg%3E”);background-repeat:no-repeat;background-position:12px center;font-size:14px;font-family:arial, sans-serif;font-weight:600;line-height:16px;color:#000;text-align:center;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow:0px 1px 4px rgba(31, 33, 41, 0.298295)}#_form_1189_ ._error-inner._form_error{margin-bottom:5px;text-align:left}#_form_1189_ ._button-wrapper ._error-inner._form_error{position:static}#_form_1189_ ._error-inner._no_arrow{margin-bottom:10px}#_form_1189_ ._error-arrow{position:absolute;width:0;height:0}#_form_1189_ ._error-html{margin-bottom:10px}.pika-single{z-index:10000001 !important}#_form_1189_ input[type=”text”].datetime_date{width:69%;display:inline}#_form_1189_ select.datetime_time{width:29%;display:inline;height:32px}#_form_1189_ input[type=”date”].datetime_date{width:69%;display:inline-flex}#_form_1189_ input[type=”time”].datetime_time{width:29%;display:inline-flex}@media (min-width:320px) and (max-width:667px){::-webkit-scrollbar{display:none}#_form_1189_{margin:0;width:100%;min-width:100%;max-width:100%;box-sizing:border-box}#_form_1189_ *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1em}#_form_1189_ ._form-content{margin:0;width:100%}#_form_1189_ ._form-inner{display:block;min-width:100%}#_form_1189_ ._form-title,#_form_1189_ ._inline-style{margin-top:0;margin-right:0;margin-left:0}#_form_1189_ ._form-title{font-size:1.2em}#_form_1189_ ._form_element{margin:0 0 20px;padding:0;width:100%}#_form_1189_ ._form-element,#_form_1189_ ._inline-style,#_form_1189_ input[type=”text”],#_form_1189_ label,#_form_1189_ p,#_form_1189_ textarea:not(.g-recaptcha-response){float:none;display:block;width:100%}#_form_1189_ ._row._checkbox-radio label{display:inline}#_form_1189_ ._row,#_form_1189_ p,#_form_1189_ label{margin-bottom:0.7em;width:100%}#_form_1189_ ._row input[type=”checkbox”],#_form_1189_ ._row input[type=”radio”]{margin:0 !important;vertical-align:middle !important}#_form_1189_ ._row input[type=”checkbox”]+span label{display:inline}#_form_1189_ ._row span label{margin:0 !important;width:initial !important;vertical-align:middle !important}#_form_1189_ ._form-image{max-width:100%;height:auto !important}#_form_1189_ input[type=”text”]{padding-left:10px;padding-right:10px;font-size:16px;line-height:1.3em;-webkit-appearance:none}#_form_1189_ input[type=”radio”],#_form_1189_ input[type=”checkbox”]{display:inline-block;width:1.3em;height:1.3em;font-size:1em;margin:0 0.3em 0 0;vertical-align:baseline}#_form_1189_ button[type=”submit”]{padding:20px;font-size:1.5em}#_form_1189_ ._inline-style{margin:20px 0 0 !important}}#_form_1189_{position:relative;text-align:left;margin:25px auto 0;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#FFFFFF !important;border:0px solid #B0B0B0 !important;-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;color:#000000}#_form_1189_._inline-form,#_form_1189_._inline-form ._form-content{font-family:Open Sans;font-size:14px;font-weight:400}#_form_1189_._inline-form ._row span,#_form_1189_._inline-form ._row label{font-family:Open Sans;font-size:14px;font-weight:400;line-height:1.6em;color:black !important}#_form_1189__inlineform input[type=”text”],#_form_1189__inlineform input[type=”date”],#_form_1189__inlineform input[type=”tel”],#_form_1189__inlineform select,#_form_1189__inlineform textarea:not(.g-recaptcha-response){font-family:Open Sans;font-size:14px;font-weight:400;font-color:#000000;line-height:1.6em}#_form_1189_._inline-form ._html-code *,#_form_1189_._inline-form ._form-thank-you{font-family:Open Sans;font-size:14px;font-weight:400;color:black !important}#_form_1189_._inline-form ._form-label,#_form_1189_._inline-form ._form-checkbox-option-label,#_form_1189_._inline-form ._form-checkbox-option-description{font-family:Open Sans;font-size:14px;font-weight:700;line-height:1.6em;color:black !important}#_form_1189_._inline-form ._submit{font-family:Open Sans;font-size:14px;font-weight:400}#_form_1189_._inline-form ._form-title{font-family:Open Sans;font-size:22px;line-height:normal;font-weight:700;color:black;margin-bottom:0}#_form_1189_._inline-form ._form-branding{font-family:”IBM Plex Sans”, Helvetica, sans-serif;font-size:13px;font-weight:100;font-style:normal;text-decoration:none}#_form_1189_:before,#_form_1189_:after{content:” “;display:table}#_form_1189_:after{clear:both}#_form_1189_._inline-style{width:auto;display:inline-block}#_form_1189_._inline-style input[type=”text”],#_form_1189_._inline-style input[type=”date”]{padding:10px 12px}#_form_1189_._inline-style button._inline-style{position:relative;top:27px}#_form_1189_._inline-style p{margin:0}#_form_1189_._inline-style ._button-wrapper{position:relative;margin:27px 12.5px 0 20px}#_form_1189_ ._form-thank-you{position:relative;left:0;right:0;text-align:center;font-size:18px}@media (min-width:320px) and (max-width:667px){#_form_1189_._inline-form._inline-style ._inline-style._button-wrapper{margin-top:20px !important;margin-left:0 !important}}#_form_1189_ .iti.iti–allow-dropdown.iti–separate-dial-code{width:100%}#_form_1189_ .iti input{width:100%;height:32px;border:#979797 1px solid;border-radius:4px}#_form_1189_ .iti–separate-dial-code .iti__selected-flag{background-color:#FFFFFF;border-radius:4px}#_form_1189_ .iti–separate-dial-code .iti__selected-flag:hover{background-color:rgba(0, 0, 0, 0.05)}#_form_1189_ .iti__country-list{border-radius:4px;margin-top:4px;min-width:460px}#_form_1189_ .iti__country-list–dropup{margin-bottom:4px}#_form_1189_ .phone-error-hidden{display:none}#_form_1189_ .phone-error{color:#E40E49}#_form_1189_ .phone-input-error{border:1px solid #E40E49 !important}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field fieldset{margin:0;margin-bottom:1.1428571429em;border:none;padding:0}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field fieldset:last-child{margin-bottom:0}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field legend{margin-bottom:1.1428571429em}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field label{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:0.8571428571em}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field label:last-child{margin-bottom:0}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field input{margin:0;margin-right:8px}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field ._form-checkbox-option-label{line-height:1;display:block;font-weight:700}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field ._form-checkbox-option-description{margin:0;margin-top:0.3333333333em;font-size:0.8571428571em}</style>
<div style=”text-align: center;”>
<form method=”POST” action=”https://dancedojo.activehosted.com/proc.php” id=”_form_1189_” class=”_form _form_1189 _inline-form _inline-style _dark” novalidate data-styles-version=”5″>
<input type=”hidden” name=”u” value=”1189″ />
<input type=”hidden” name=”f” value=”1189″ />
<input type=”hidden” name=”s” />
<input type=”hidden” name=”c” value=”0″ />
<input type=”hidden” name=”m” value=”0″ />
<input type=”hidden” name=”act” value=”sub” />
<input type=”hidden” name=”v” value=”2″ />
<input type=”hidden” name=”or” value=”47465d44b72343bc96c14669a6731293″ />
<div class=”_form-content”>
<div class=”_form_element _x10052403 _inline-style ” >
<label for=”email” class=”_form-label”>
</label>
<div class=”_field-wrapper”>
<input type=”text” id=”email” name=”email” placeholder=”Your email” required/>
</div>
</div>
<div class=”_button-wrapper _inline-style”>
<button id=”_form_1189_submit” class=”_submit” type=”submit”>
Start Learning
</button>
</div>
<div class=”_clear-element”>
</div>
</div>
<div class=”_form-thank-you” style=”display:none;”>
</div>
</form>
</div><script>
window.cfields = [];
window._show_thank_you = function(id, message, trackcmp_url, email) {
var form = document.getElementById(‘_form_’ + id + ‘_’), thank_you = form.querySelector(‘._form-thank-you’);
form.querySelector(‘._form-content’).style.display = ‘none’;
thank_you.innerHTML = message;
thank_you.style.display = ‘block’;
const vgoAlias = typeof visitorGlobalObjectAlias === ‘undefined’ ? ‘vgo’ : visitorGlobalObjectAlias;
var visitorObject = window[vgoAlias];
if (email && typeof visitorObject !== ‘undefined’) {
visitorObject(‘setEmail’, email);
visitorObject(‘update’);
} else if (typeof(trackcmp_url) != ‘undefined’ && trackcmp_url) {
// Site tracking URL to use after inline form submission.
_load_script(trackcmp_url);
}
if (typeof window._form_callback !== ‘undefined’) window._form_callback(id);
};
window._show_unsubscribe = function(id, message, trackcmp_url, email) {
var form = document.getElementById(‘_form_’ + id + ‘_’), unsub = form.querySelector(‘._form-thank-you’);
var branding = form.querySelector(‘._form-branding’);
if (branding) {
branding.style.display = ‘none’;
}
form.querySelector(‘._form-content’).style.display = ‘none’;
unsub.style.display = ‘block’;
form.insertAdjacentHTML(‘afterend’, message)
const vgoAlias = typeof visitorGlobalObjectAlias === ‘undefined’ ? ‘vgo’ : visitorGlobalObjectAlias;
var visitorObject = window[vgoAlias];
if (email && typeof visitorObject !== ‘undefined’) {
visitorObject(‘setEmail’, email);
visitorObject(‘update’);
} else if (typeof(trackcmp_url) != ‘undefined’ && trackcmp_url) {
// Site tracking URL to use after inline form submission.
_load_script(trackcmp_url);
}
if (typeof window._form_callback !== ‘undefined’) window._form_callback(id);
};
window._show_error = function(id, message, html) {
var form = document.getElementById(‘_form_’ + id + ‘_’),
err = document.createElement(‘div’),
button = form.querySelector(‘button’),
old_error = form.querySelector(‘._form_error’);
if (old_error) old_error.parentNode.removeChild(old_error);
err.innerHTML = message;
err.className = ‘_error-inner _form_error _no_arrow’;
var wrapper = document.createElement(‘div’);
wrapper.className = ‘_form-inner’;
wrapper.appendChild(err);
button.parentNode.insertBefore(wrapper, button);
var submitButton = form.querySelector(‘[id^=”_form”][id$=”_submit”]’);
submitButton.disabled = false;
submitButton.classList.remove(‘processing’);
if (html) {
var div = document.createElement(‘div’);
div.className = ‘_error-html’;
div.innerHTML = html;
err.appendChild(div);
}
};
window._load_script = function(url, callback, isSubmit) {
var head = document.querySelector(‘head’), script = document.createElement(‘script’), r = false;
var submitButton = document.querySelector(‘#_form_1189_submit’);
script.charset = ‘utf-8’;
script.src = url;
if (callback) {
script.onload = script.onreadystatechange = function() {
if (!r && (!this.readyState || this.readyState == ‘complete’)) {
r = true;
callback();
}
};
}
script.onerror = function() {
if (isSubmit) {
if (script.src.length > 10000) {
_show_error(“1189”, “Sorry, your submission failed. Please shorten your responses and try again.”);
} else {
_show_error(“1189”, “Sorry, your submission failed. Please try again.”);
}
submitButton.disabled = false;
submitButton.classList.remove(‘processing’);
}
}head.appendChild(script);
};
(function() {
if (window.location.search.search(“excludeform”) !== -1) return false;
var getCookie = function(name) {
var match = document.cookie.match(new RegExp(‘(^|; )’ + name + ‘=([^;]+)’));
return match ? match[2] : null;
}
var setCookie = function(name, value) {
var now = new Date();
var time = now.getTime();
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
now.setTime(expireTime);
document.cookie = name + ‘=’ + value + ‘; expires=’ + now + ‘;path=/; Secure; SameSite=Lax;’;
}
var addEvent = function(element, event, func) {
if (element.addEventListener) {
element.addEventListener(event, func);
} else {
var oldFunc = element[‘on’ + event];
element[‘on’ + event] = function() {
oldFunc.apply(this, arguments);
func.apply(this, arguments);
};
}
}
var _removed = false;
var form_to_submit = document.getElementById(‘_form_1189_’);
var allInputs = form_to_submit.querySelectorAll(‘input, select, textarea’), tooltips = [], submitted = false;var getUrlParam = function(name) {
if (name.toLowerCase() !== ’email’) {
var params = new URLSearchParams(window.location.search);
return params.get(name) || false;
}
// email is a special case because a plus is valid in the email address
var qString = window.location.search;
if (!qString) {
return false;
}
var parameters = qString.substr(1).split(‘&’);
for (var i = 0; i < parameters.length; i++) {
var parameter = parameters[i].split(‘=’);
if (parameter[0].toLowerCase() === ’email’) {
return parameter[1] === undefined ? true : decodeURIComponent(parameter[1]);
}
}
return false;
};var acctDateFormat = “%m/%d/%Y”;
var getNormalizedDate = function(date, acctFormat) {
var decodedDate = decodeURIComponent(date);
if (acctFormat && acctFormat.match(/(%d|%e).*%m/gi) !== null) {
return decodedDate.replace(/(\d{2}).*(\d{2}).*(\d{4})/g, ‘$3-$2-$1’);
} else if (Date.parse(decodedDate)) {
var dateObj = new Date(decodedDate);
var year = dateObj.getFullYear();
var month = dateObj.getMonth() + 1;
var day = dateObj.getDate();
return${year}-${month < 10 ?
0${month}: month}-${day < 10 ?
0${day}: day}
;
}
return false;
};var getNormalizedTime = function(time) {
var hour, minutes;
var decodedTime = decodeURIComponent(time);
var timeParts = Array.from(decodedTime.matchAll(/(\d{1,2}):(\d{1,2})\W*([AaPp][Mm])?/gm))[0];
if (timeParts[3]) { // 12 hour format
var isPM = timeParts[3].toLowerCase() === ‘pm’;
if (isPM) {
hour = parseInt(timeParts[1]) === 12 ? ’12’ :${parseInt(timeParts[1]) + 12}
;
} else {
hour = parseInt(timeParts[1]) === 12 ? ‘0’ : timeParts[1];
}
} else { // 24 hour format
hour = timeParts[1];
}
var normalizedHour = parseInt(hour) < 10 ?0${parseInt(hour)}
: hour;
var minutes = timeParts[2];
return${normalizedHour}:${minutes}
;
};for (var i = 0; i < allInputs.length; i++) {
var regexStr = “field\\[(\\d+)\\]”;
var results = new RegExp(regexStr).exec(allInputs[i].name);
if (results != undefined) {
allInputs[i].dataset.name = allInputs[i].name.match(/\[time\]$/)
?${window.cfields[results[1]]}_time
: window.cfields[results[1]];
} else {
allInputs[i].dataset.name = allInputs[i].name;
}
var fieldVal = getUrlParam(allInputs[i].dataset.name);if (fieldVal) {
if (allInputs[i].dataset.autofill === “false”) {
continue;
}
if (allInputs[i].type == “radio” || allInputs[i].type == “checkbox”) {
if (allInputs[i].value == fieldVal) {
allInputs[i].checked = true;
}
} else if (allInputs[i].type == “date”) {
allInputs[i].value = getNormalizedDate(fieldVal, acctDateFormat);
} else if (allInputs[i].type == “time”) {
allInputs[i].value = getNormalizedTime(fieldVal);
} else {
allInputs[i].value = fieldVal;
}
}
}var remove_tooltips = function() {
for (var i = 0; i < tooltips.length; i++) {
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
}
tooltips = [];
};
var remove_tooltip = function(elem) {
for (var i = 0; i < tooltips.length; i++) {
if (tooltips[i].elem === elem) {
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
tooltips.splice(i, 1);
return;
}
}
};
var create_tooltip = function(elem, text) {
var tooltip = document.createElement(‘div’),
arrow = document.createElement(‘div’),
inner = document.createElement(‘div’), new_tooltip = {};
if (elem.type != ‘radio’ && elem.type != ‘checkbox’) {
tooltip.className = ‘_error’;
arrow.className = ‘_error-arrow’;
inner.className = ‘_error-inner’;
inner.innerHTML = text;
tooltip.appendChild(arrow);
tooltip.appendChild(inner);
elem.parentNode.appendChild(tooltip);
} else {
tooltip.className = ‘_error-inner _no_arrow’;
tooltip.innerHTML = text;
elem.parentNode.insertBefore(tooltip, elem);
new_tooltip.no_arrow = true;
}
new_tooltip.tip = tooltip;
new_tooltip.elem = elem;
tooltips.push(new_tooltip);
return new_tooltip;
};
var resize_tooltip = function(tooltip) {
var rect = tooltip.elem.getBoundingClientRect();
var doc = document.documentElement,
scrollPosition = rect.top – ((window.pageYOffset || doc.scrollTop) – (doc.clientTop || 0));
if (scrollPosition < 40) {
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, ”) + ‘ _below’;
} else {
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, ”) + ‘ _above’;
}
};
var resize_tooltips = function() {
if (_removed) return;
for (var i = 0; i < tooltips.length; i++) {
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
}
};
var validate_field = function(elem, remove) {
var tooltip = null, value = elem.value, no_error = true;
remove ? remove_tooltip(elem) : false;
if (elem.type != ‘checkbox’) elem.className = elem.className.replace(/ ?_has_error ?/g, ”);
if (elem.getAttribute(‘required’) !== null) {
if (elem.type == ‘radio’ || (elem.type == ‘checkbox’ && /any/.test(elem.className))) {
var elems = form_to_submit.elements[elem.name];
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
no_error = elem.checked;
}
else {
no_error = false;
for (var i = 0; i < elems.length; i++) {
if (elems[i].checked) no_error = true;
}
}
if (!no_error) {
tooltip = create_tooltip(elem, “Please select an option.”);
}
} else if (elem.type ==’checkbox’) {
var elems = form_to_submit.elements[elem.name], found = false, err = [];
no_error = true;
for (var i = 0; i < elems.length; i++) {
if (elems[i].getAttribute(‘required’) === null) continue;
if (!found && elems[i] !== elem) return true;
found = true;
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, ”);
if (!elems[i].checked) {
no_error = false;
elems[i].className = elems[i].className + ‘ _has_error’;
err.push(“Checking %s is required”.replace(“%s”, elems[i].value));
}
}
if (!no_error) {
tooltip = create_tooltip(elem, err.join(‘<br/>’));
}
} else if (elem.tagName == ‘SELECT’) {
var selected = true;
if (elem.multiple) {
selected = false;
for (var i = 0; i < elem.options.length; i++) {
if (elem.options[i].selected) {
selected = true;
break;
}
}
} else {
for (var i = 0; i < elem.options.length; i++) {
if (elem.options[i].selected
&& (!elem.options[i].value
|| (elem.options[i].value.match(/\n/g)))
) {
selected = false;
}
}
}
if (!selected) {
elem.className = elem.className + ‘ _has_error’;
no_error = false;
tooltip = create_tooltip(elem, “Please select an option.”);
}
} else if (value === undefined || value === null || value === ”) {
elem.className = elem.className + ‘ _has_error’;
no_error = false;
tooltip = create_tooltip(elem, “This field is required.”);
}
}
if (no_error && (elem.id == ‘field[]’ || elem.id == ‘ca[11][v]’)) {
if (elem.className.includes(‘phone-input-error’)) {
elem.className = elem.className + ‘ _has_error’;
no_error = false;
}
}
if (no_error && elem.name == ’email’) {
if (!value.match(/^[\+_a-z0-9-‘&=]+(\.[\+_a-z0-9-‘]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
elem.className = elem.className + ‘ _has_error’;
no_error = false;
tooltip = create_tooltip(elem, “Enter a valid email address.”);
}
}
if (no_error && /date_field/.test(elem.className)) {
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
elem.className = elem.className + ‘ _has_error’;
no_error = false;
tooltip = create_tooltip(elem, “Enter a valid date.”);
}
}
tooltip ? resize_tooltip(tooltip) : false;
return no_error;
};
var needs_validate = function(el) {
if(el.getAttribute(‘required’) !== null){
return true
}
if(el.name === ’email’ && el.value !== “”){
return true
}if((el.id == ‘field[]’ || el.id == ‘ca[11][v]’) && el.className.includes(‘phone-input-error’)){
return true
}return false
};
var validate_form = function(e) {
var err = form_to_submit.querySelector(‘._form_error’), no_error = true;
if (!submitted) {
submitted = true;
for (var i = 0, len = allInputs.length; i < len; i++) {
var input = allInputs[i];
if (needs_validate(input)) {
if (input.type == ‘tel’) {
addEvent(input, ‘blur’, function() {
this.value = this.value.trim();
validate_field(this, true);
});
}
if (input.type == ‘text’ || input.type == ‘number’ || input.type == ‘time’) {
addEvent(input, ‘blur’, function() {
this.value = this.value.trim();
validate_field(this, true);
});
addEvent(input, ‘input’, function() {
validate_field(this, true);
});
} else if (input.type == ‘radio’ || input.type == ‘checkbox’) {
(function(el) {
var radios = form_to_submit.elements[el.name];
for (var i = 0; i < radios.length; i++) {
addEvent(radios[i], ‘click’, function() {
validate_field(el, true);
});
}
})(input);
} else if (input.tagName == ‘SELECT’) {
addEvent(input, ‘change’, function() {
validate_field(this, true);
});
} else if (input.type == ‘textarea’){
addEvent(input, ‘input’, function() {
validate_field(this, true);
});
}
}
}
}
remove_tooltips();
for (var i = 0, len = allInputs.length; i < len; i++) {
var elem = allInputs[i];
if (needs_validate(elem)) {
if (elem.tagName.toLowerCase() !== “select”) {
elem.value = elem.value.trim();
}
validate_field(elem) ? true : no_error = false;
}
}
if (!no_error && e) {
e.preventDefault();
}
resize_tooltips();
return no_error;
};
addEvent(window, ‘resize’, resize_tooltips);
addEvent(window, ‘scroll’, resize_tooltips);var hidePhoneInputError = function(inputId) {
var errorMessage = document.getElementById(“error-msg-” + inputId);
var input = document.getElementById(inputId);
errorMessage.classList.remove(“phone-error”);
errorMessage.classList.add(“phone-error-hidden”);
input.classList.remove(“phone-input-error”);
};var initializePhoneInput = function(input, defaultCountry) {
return window.intlTelInput(input, {
utilsScript: “https: (Email address hidden if logged out) /build/js/utils.js”,
autoHideDialCode: false,
separateDialCode: true,
initialCountry: defaultCountry,
preferredCountries: []
});
}var setPhoneInputEventListeners = function(inputId, input, iti) {
input.addEventListener(‘blur’, function() {
var errorMessage = document.getElementById(“error-msg-” + inputId);
if (input.value.trim()) {
if (iti.isValidNumber()) {
iti.setNumber(iti.getNumber());
if (errorMessage.classList.contains(“phone-error”)){
hidePhoneInputError(inputId);
}
} else {
showPhoneInputError(inputId)
}
} else {
if (errorMessage.classList.contains(“phone-error”)){
hidePhoneInputError(inputId);
}
}
});input.addEventListener(“countrychange”, function() {
iti.setNumber(”);
});input.addEventListener(“keydown”, function(e) {
var charCode = (e.which) ? e.which : e.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode !== 8) {
e.preventDefault();
}
});
};var showPhoneInputError = function(inputId) {
var errorMessage = document.getElementById(“error-msg-” + inputId);
var input = document.getElementById(inputId);
errorMessage.classList.add(“phone-error”);
errorMessage.classList.remove(“phone-error-hidden”);
input.classList.add(“phone-input-error”);
};var _form_serialize = function(form){if(!form||form.nodeName!==”FORM”){return }var i,j,q=[];for(i=0;i<form.elements.length;i++){if(form.elements[i].name===””){continue}switch(form.elements[i].nodeName){case”INPUT”:switch(form.elements[i].type){case”tel”:q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].previousSibling.querySelector(‘div.iti__selected-dial-code’).innerText)+encodeURIComponent(” “)+encodeURIComponent(form.elements[i].value));break;case”text”:case”number”:case”date”:case”time”:case”hidden”:case”password”:case”button”:case”reset”:case”submit”:q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].value));break;case”checkbox”:case”radio”:if(form.elements[i].checked){q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].value))}break;case”file”:break}break;case”TEXTAREA”:q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].value));break;case”SELECT”:switch(form.elements[i].type){case”select-one”:q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].value));break;case”select-multiple”:for(j=0;j<form.elements[i].options.length;j++){if(form.elements[i].options[j].selected){q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].options[j].value))}}break}break;case”BUTTON”:switch(form.elements[i].type){case”reset”:case”submit”:case”button”:q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].value));break}break}}return q.join(“&”)};
const formSupportsPost = false;
var form_submit = function(e) {
e.preventDefault();
if (validate_form()) {
// use this trick to get the submit button & disable it using plain javascript
var submitButton = e.target.querySelector(‘#_form_1189_submit’);
submitButton.disabled = true;
submitButton.classList.add(‘processing’);
var serialized = _form_serialize(
document.getElementById(‘_form_1189_’)
).replace(/%0A/g, ‘\\n’);
var err = form_to_submit.querySelector(‘._form_error’);
err ? err.parentNode.removeChild(err) : false;
async function submitForm() {
var formData = new FormData();
const searchParams = new URLSearchParams(serialized);
searchParams.forEach((value, key) => {
formData.append(key, value);
});const response = await fetch(‘https://dancedojo.activehosted.com/proc.php?jsonp=true’, {
headers: {
“Accept”: “application/json”
},
body: formData,
method: “POST”
});
return response.json();
}
if (formSupportsPost) {
submitForm().then((data) => {
eval(data.js);
});
} else {
_load_script(‘https://dancedojo.activehosted.com/proc.php?’ + serialized + ‘&jsonp=true’, null, true);
}
}
return false;
};
addEvent(form_to_submit, ‘submit’, form_submit);
})();</script>
March 20, 2024 at 4:03 pm #1437707In reply to: What did you use in your gym demo?
Hey Fredrik,
Please activate debug mode under Enfold->Layout Builder->Show advanced options. Then you can add this shortcode to a new page, paste the shortcodes in the window under the regular layout window:
[av_slideshow_full size='no scaling' stretch='' animation='slide_up' autoplay='false' interval='6' control_layout='av-control-minimal' src='' attachment='' attachment_size='' position='top left' repeat='no-repeat' attach='scroll' av_uid='av-ycglm'] [av_slide_full slide_type='image' id='546' video='' mobile_image='' video_format='' video_ratio='' title='The best gym <br/>you will ever find<strong>.</strong>' custom_title_size='70' custom_content_size='38' caption_pos='caption_center' link_apply='button' link='lightbox' link_target='' button_label='GIVE IT A TRY NOW' button_color='light' link1='page,530' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content='' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.4' overlay_color='#0a0a0a' overlay_pattern='' overlay_custom_pattern='' av_uid='av-xqwd6'] FREE 30 DAY TRIAL [/av_slide_full] [av_slide_full slide_type='image' id='549' video='http://' mobile_image='' video_format='' video_ratio='16:9' title='Fight the Weakness<strong>.</strong>' custom_title_size='70' custom_content_size='38' caption_pos='caption_center' link_apply='button button-two' link='lightbox' link_target='' button_label='PRICING' button_color='theme-color' link1='page,530' link_target1='' button_label2='LEARN MORE' button_color2='theme-color-subtle' link2='page,515' link_target2='' font_color='' custom_title='#222222' custom_content='#4c4c4c' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_uid='av-94itoq'] WE GO THE JOURNEY WITH YOU [/av_slide_full] [av_slide_full slide_type='image' id='547' video='' mobile_image='' video_format='' video_ratio='' title='Have fun in groups<strong>.</strong>' custom_title_size='70' custom_content_size='29' caption_pos='caption_center' link_apply='button' link='lightbox' link_target='' button_label='SEE OUR CLASSES' button_color='light' link1='page,509' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content='' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.3' overlay_color='#0a0a0a' overlay_pattern='' overlay_custom_pattern='' av_uid='av-92v4rm'] STAY MOTIVATED AND FIND NEW FRIENDS [/av_slide_full] [av_slide_full slide_type='image' id='548' video='' mobile_image='' video_format='' video_ratio='' title='Personal Training<strong>.</strong>' custom_title_size='53' custom_content_size='21' caption_pos='caption_left' link_apply='button' link='lightbox' link_target='' button_label='BOOK NOW' button_color='light' link1='page,530' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content='' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.3' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_uid='av-8vuzlu'] GET IN SHAPE WITH THE HELP OF A COACH [/av_slide_full] [/av_slideshow_full] [av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='' av_uid='av-8pboxe'] [av_cell_one_third vertical_align='top' padding='90px,50px,90px,50px' background_color='#d63d2d' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='' av_uid='av-8leid6'] [av_icon_box icon='uf102' font='flaticon' title='Get in shape now.' position='left_content' icon_style='' boxed='av-no-box' font_color='custom' custom_title='#ffffff' custom_content='#ffffff' color='custom' custom_bg='' custom_font='#ffffff' custom_border='#ffffff' custom_title_size='' av-desktop-font-size-title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' custom_content_size='' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' heading_tag='' heading_class='' link='' linktarget='' linkelement='' id='' custom_class='' template_class='' av_uid='av-8f3do2' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consec olor etscing elit. Aenget dolor. [/av_icon_box] [/av_cell_one_third][av_cell_one_third vertical_align='top' padding='90px,50px,90px,50px' background_color='#292929' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='' av_uid='av-870jre'] [av_icon_box icon='uf124' font='flaticon' title='#1 destinaton for sports<strong>.</strong>' position='left_content' icon_style='' boxed='av-no-box' font_color='custom' custom_title='#ffffff' custom_content='#ffffff' color='custom' custom_bg='' custom_font='#ffffff' custom_border='' custom_title_size='' av-desktop-font-size-title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' custom_content_size='' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' heading_tag='' heading_class='' link='' linktarget='' linkelement='' id='' custom_class='' template_class='' av_uid='av-80eohm' sc_version='1.0' admin_preview_bg=''] Aenean massa. Cum sociis natoque penatibus et magnis dis partdiculus mus. [/av_icon_box] [/av_cell_one_third][av_cell_one_third vertical_align='top' padding='90px,50px,90px,50px' background_color='#3c3c3c' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='' av_uid='av-7wf2qi'] [av_icon_box icon='uf123' font='flaticon' title='Free nutrition plans<strong>.</strong>' position='left_content' icon_style='' boxed='av-no-box' font_color='custom' custom_title='#ffffff' custom_content='#ffffff' color='custom' custom_bg='' custom_font='#ffffff' custom_border='' custom_title_size='' av-desktop-font-size-title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' custom_content_size='' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' heading_tag='' heading_class='' link='' linktarget='' linkelement='' id='' custom_class='' template_class='' av_uid='av-7r94ai' sc_version='1.0' admin_preview_bg=''] Donec quam felis, ultricies nec, pellentesque equat massa quis enim. [/av_icon_box] [/av_cell_one_third][/av_layout_row][av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='https://test.kriesi.at/enfold-gym/wp-content/uploads/sites/18/2016/02/bg1.jpg' attachment='543' attachment_size='full' attach='fixed' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_uid='av-ra7tm'] [av_heading tag='h1' padding='20' heading='Welcome to the Enfold-Gym<strong>.</strong>' color='' style='blockquote modern-quote modern-centered' custom_font='' size='50' subheading_active='' subheading_size='15' custom_class='' av_uid='av-7du4y2'][/av_heading] [av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-78fr9e'] [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-72886y'] [av_textblock size='' font_color='' color='' av_uid='av-6tbu8q'] <p style="text-align: center;">Enfold Gym leads the fitness industry when it comes to helping people reach their fitness goals. We have Crossfit courses, a full weight room, multiple cardio areas, personal trainings, group classes, and more!</p> [/av_textblock] [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-6rwee2'] [/av_one_fifth][av_button label='LEARN MORE' link='page,515' link_target='' size='large' position='center' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue879' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-6j9c36'] [/av_section] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='header_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_uid='av-6bc20y'] [av_heading heading='Classes to take in our GYM<strong>.</strong>' tag='h1' style='blockquote modern-quote modern-centered' size='50' subheading_active='' subheading_size='15' padding='20' color='' custom_font='' av_uid='av-65k356'][/av_heading] [av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-61e7b6'] [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-5tkf0q'] [av_textblock size='' font_color='' color='' av_uid='av-5r5z4y'] <p style="text-align: center;">We offer a multitude of fun and motivating classes that allow you to work out alone or with friends. Our trainers are highly educated and will make sure you give your all. The classes are:</p> [/av_textblock] [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-5kqzju'] [/av_one_fifth] [/av_section] [av_masonry_entries link='portfolio_entries' sort='no' items='6' columns='3' paginate='none' query_orderby='title' query_order='ASC' size='fixed' gap='large' overlay_fx='active' id='' caption_elements='title' caption_styling='overlay' caption_display='on-hover-hide' color='custom' custom_bg='#191919' av_uid='av-5ed76a'] [av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_uid='av-il4zm'] [av_heading heading='Subscribe to our Newsletter<strong>.</strong>' tag='h1' style='blockquote modern-quote modern-centered' size='50' subheading_active='' subheading_size='15' padding='20' color='' custom_font='' av_uid='av-4za15u'][/av_heading] [av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' av_uid='av-4yhafu'] [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' av_uid='av-4ras42'] [av_contact email='' title='' button='Subscribe' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' form_align='centered' color='' av_uid='av-4ig6z6'] [av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' multi_select='' av_uid='av-4d40rm'][/av_contact_field] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' multi_select='' av_uid='av-49o7z6'][/av_contact_field] [/av_contact] [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' av_uid='av-41x6ga'] [/av_one_fifth] [/av_section] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='https://test.kriesi.at/enfold-gym/wp-content/uploads/sites/18/2016/02/hero-2.jpg' attachment='549' attachment_size='full' attach='fixed' position='center center' repeat='stretch' video='https://www.youtube.com/watch?v=oXdzvMLiE7Q' video_ratio='16:9' video_mobile_disabled='aviaTBvideo_mobile_disabled' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.8' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_uid='av-drf4q'] [av_heading heading='What are you waiting for<strong>?</strong>' tag='h1' style='blockquote modern-quote modern-centered' size='50' subheading_active='' subheading_size='15' padding='20' color='' custom_font='' av_uid='av-3oxqiq'][/av_heading] [av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-3mlnii'] [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-3fm03m'] [av_textblock size='' font_color='' color='' av_uid='av-39mj5m'] <p style="text-align: center;">Enfold Gym leads the fitness industry when it comes to helping people reach their fitness goals. We have Crossfit courses, a full weight room, multiple cardio areas, personal trainings, group classes, and more!</p> [/av_textblock] [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-32k9lu'] [/av_one_fifth][av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-2x6mxe'] [av_font_icon icon='uf102' font='flaticon' style='border' caption='Grow <strong>stronger</strong>' size='40px' position='center' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-2p1fde' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_font_icon] [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-2i4geq'] [av_font_icon icon='uf10e' font='flaticon' style='border' caption='Grow <strong>Faster</strong>' size='40px' position='center' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-2f4n8i' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_font_icon] [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-28l7xe'] [av_font_icon icon='uf139' font='flaticon' style='border' caption='Eat <strong>healthy</strong>' size='40px' position='center' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-232c7e' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_font_icon] [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-1u8acy'] [av_font_icon icon='uf10c' font='flaticon' style='border' caption='Compete with <strong>others</strong>' size='40px' position='center' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-1ojgwi' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_font_icon] [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-1mk836'] [av_font_icon icon='uf12e' font='flaticon' style='border' caption='Improve your <strong>health</strong>' size='40px' position='center' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-1gl0ei' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_font_icon] [/av_one_fifth][/av_section][av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='' av_uid='av-1blt0i'] [av_cell_one_third vertical_align='middle' padding='50px' padding_sync='true' background_color='#ffffff' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='' av_uid='av-155an6'] [av_animated_numbers number='19,90$' icon_select='no' icon='ue800' font='entypo-fontello' font_size='50' font_size_description='22' link='' linktarget='no' color='font-custom' custom_color='#0a0a0a' av_uid='av-yckgi'] Starting Price [/av_animated_numbers] [/av_cell_one_third][av_cell_one_third vertical_align='middle' padding='50px,50px,50px,50px' background_color='#292929' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='' av_uid='av-sr78a'] [av_animated_numbers number='7 Days' icon_select='no' icon='ue800' font='entypo-fontello' font_size='50' font_size_description='22' link='' linktarget='no' color='font-custom' custom_color='#ffffff' av_uid='av-mww8q'] a week open [/av_animated_numbers] [/av_cell_one_third][av_cell_one_third vertical_align='middle' padding='50px,50px,50px,50px' background_color='#3c3c3c' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='' av_uid='av-cowk2'] [av_animated_numbers number='87 Studios' icon_select='no' icon='ue800' font='entypo-fontello' font_size='50' font_size_description='22' link='' linktarget='no' color='font-custom' custom_color='#ffffff' av_uid='av-99xuy'] around the world [/av_animated_numbers] [/av_cell_one_third] [/av_layout_row]
Best regards,
RikardJanuary 31, 2024 at 11:11 am #1432586In reply to: Video Media Element not showing video
Hi,
Here are the shortcodes for the page:
[av_layout_row min_height_percent='percent' min_height_pc='85' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='' mobile_column_order='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-l3szq1xv' sc_version='1.0'] [av_cell_one_half vertical_align='middle' padding='0' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3szpg70' sc_version='1.0'] [av_one_full first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='100%' padding='30px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='curtain-reveal-ttb' animation_duration='' animation_custom_bg_color='#f8f8f8' animation_z_index_curtain='1' parallax_parallax='bottom_top' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3t6vrtm' sc_version='1.0'] [av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/main-enfold.png' attachment='2047' attachment_size='full' copyright='' caption='' image_size='' styling='' box_shadow='none' box_shadow_width='10' box_shadow_color='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='right_left' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-z26fk' sc_version='1.0' admin_preview_bg=''][/av_image] [/av_one_full][/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='0' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3szplqc' sc_version='1.0'] [av_one_full first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='100%' padding='30px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/startup_dark.jpg' attachment='2030' attachment_size='full' background_position='center left' background_repeat='stretch' highlight_size='1.1' animation='curtain-reveal-btt' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='1' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3szqp26' sc_version='1.0'] [av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/main-parallax.png' attachment='2048' attachment_size='full' copyright='' caption='' image_size='' styling='' box_shadow='none' box_shadow_width='10' box_shadow_color='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='left_right' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-q2u00' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'][/av_image] [/av_one_full][/av_cell_one_half] [/av_layout_row] [av_section min_height='' min_height_pc='25' min_height_px='500px' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' padding='default' margin='aviaTBmargin' custom_margin='0px,80px' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' color='main_color' background='bg_color' custom_bg='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' custom_arrow_bg='' css_position_z_index='10' av-medium-css_position_z_index='' av-small-css_position_z_index='' av-mini-css_position_z_index='' id='service' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-kz5g1n7y' sc_version='1.0'] [av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='rgba(0,0,0,0.26)' custom_margin='aviaTBcustom_margin' margin='-80px,0px' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' mobile_breaking='av-break-at-tablet' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='50px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='5' column_boxshadow_color='rgba(0,0,0,0.2)' background='bg_color' background_color='#ffffff' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='0' av-desktop-parallax_parallax='bottom_top' av-desktop-parallax_parallax_speed='70' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,' css_position_z_index='99' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-kz5hamof' sc_version='1.0'] [av_heading heading='Planning & Consulting' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-dj574' sc_version='1.0' admin_preview_bg=''][/av_heading] [av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-anksw' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla. [/av_textblock] [av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='30' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-15ly34' sc_version='1.0' admin_preview_bg=''] [av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='theme-color' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-wmepk' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'] [/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='rgba(0,0,0,0.26)' margin='0px' margin_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='50px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='5' column_boxshadow_color='rgba(0,0,0,0.2)' background='bg_gradient' background_color='#ffffff' background_gradient_direction='diagonal_tb' background_gradient_color1='#2d2d2d' background_gradient_color2='#383838' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight='aviaTBhighlight' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='100' av-desktop-parallax_parallax='bottom_top' av-desktop-parallax_parallax_speed='100' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,' css_position_z_index='110' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-kz5gwrwj' sc_version='1.0'] [av_heading heading='Design & Production' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='custom-color-heading' custom_font='#ffffff' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-kz5h2s5l' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'][/av_heading] [av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' template_class='' av_uid='av-kz5h37os' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla. [/av_textblock] [av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='30' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-kz5k342g' sc_version='1.0' admin_preview_bg=''] [av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='light' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-kz5k24rj' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'] [/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='rgba(0,0,0,0.26)' custom_margin='aviaTBcustom_margin' margin='-80px,0px' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='50px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='5' column_boxshadow_color='rgba(0,0,0,0.2)' background='bg_color' background_color='#ffffff' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='70' av-desktop-parallax_parallax='bottom_top' av-desktop-parallax_parallax_speed='70' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,' css_position_z_index='99' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-kz5gvtyq' sc_version='1.0'] [av_heading heading='Shipping & Managing' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-kz5gfgzs' sc_version='1.0' admin_preview_bg=''][/av_heading] [av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-kz5gq51m' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla. [/av_textblock] [av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='30' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-oqxgo' sc_version='1.0' admin_preview_bg=''] [av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='theme-color' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-kz5jzepf' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'] [/av_one_third][av_one_full first min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='rgba(0,0,0,0.26)' custom_margin='aviaTBcustom_margin' margin='-80px,0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='0px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow_width='5' column_boxshadow_color='rgba(0,0,0,0.2)' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='curtain-reveal-rtl' animation_duration='2' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='-10' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,' css_position_z_index='99' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3hiswcr' sc_version='1.0'] [av_headline_rotator before_rotating='Say hello to a<br/>' after_rotating='Enfold!' margin='' margin_sync='true' align='center' custom_title='#000000' size='5vw' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' tag='h2' interval='5' animation='typewriter' alb_description='' id='' custom_class='' template_class='' av_uid='av-kz5jge9h' sc_version='1.0' admin_preview_bg=''] [av_rotator_item title='recently upgraded' custom_title='' link='' linktarget='' av_uid='av-kcg7s' sc_version='1.0'] [av_rotator_item title='heavily improved' custom_title='' link='' linktarget='' av_uid='av-heiy0' sc_version='1.0'] [av_rotator_item title='simply better' custom_title='' link='' linktarget='' av_uid='av-au3dc' sc_version='1.0'] [/av_headline_rotator] [/av_one_full][/av_section][av_layout_row min_height_percent='' min_height_pc='25' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='' mobile_column_order='' id='about' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-2ruoc8' sc_version='1.0'] [av_cell_one_half vertical_align='middle' padding='120px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='60px' av-mini-padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3sm2j2d' sc_version='1.0'] [av_heading heading='About Us...' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-l3sm88y3' sc_version='1.0' admin_preview_bg=''][/av_heading] [av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-2mr6mo' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla. [/av_textblock] [av_one_half first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_width='10' row_boxshadow_color='' custom_margin='' margin='0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' min_col_height='' padding='' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_flip='' svg_div_top_invert='' svg_div_top_front='' svg_div_top_opacity='' svg_div_top_preview='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_flip='' svg_div_bottom_invert='' svg_div_bottom_front='' svg_div_bottom_opacity='' svg_div_bottom_preview='' column_boxshadow='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location='' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location='' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location='' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location='' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-2cdbiw' sc_version='1.0'] [av_animated_numbers number='12' start_from='' icon_select='no' icon='ue800' font='entypo-fontello' number_format='' circle='' circle_custom='' circle_border_style='none' circle_border_color='' circle_bg_color='' circle_border_width='' circle_size='' box_shadow='none' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' circle_mobile='' font_size='' av-medium-font-size-number='' av-small-font-size-number='' av-mini-font-size-number='' font_size_description='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' color='' custom_color='#444444' custom_color_desc='#444444' timer='15' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='av-l3slvfgg' sc_version='1.0' admin_preview_bg=''] Team Member [/av_animated_numbers] [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_width='10' row_boxshadow_color='' custom_margin='' margin='0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' min_col_height='' padding='' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_flip='' svg_div_top_invert='' svg_div_top_front='' svg_div_top_opacity='' svg_div_top_preview='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_flip='' svg_div_bottom_invert='' svg_div_bottom_front='' svg_div_bottom_opacity='' svg_div_bottom_preview='' column_boxshadow='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location='' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location='' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location='' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location='' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-27016w' sc_version='1.0'] [av_animated_numbers number='73' start_from='' icon_select='no' icon='ue800' font='entypo-fontello' number_format='' circle='' circle_custom='' circle_border_style='none' circle_border_color='' circle_bg_color='' circle_border_width='' circle_size='' box_shadow='none' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' circle_mobile='' font_size='' av-medium-font-size-number='' av-small-font-size-number='' av-mini-font-size-number='' font_size_description='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' color='' custom_color='#444444' custom_color_desc='#444444' timer='15' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='av-l3slvool' sc_version='1.0' admin_preview_bg=''] Happy Clients [/av_animated_numbers] [/av_one_half][av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='60' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-259qwo' sc_version='1.0' admin_preview_bg=''] [av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='dark' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-l3sn0oe2' sc_version='1.0' admin_preview_bg='rgb(255, 255, 255)'] [/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='70px' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3sm2rrf' sc_version='1.0'] [av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/ubiq-2Hq0WvL2Yc4-unsplash-845x684.jpg' attachment='2031' attachment_size='gallery' copyright='' caption='' image_size='' styling='no-styling' box_shadow='none' box_shadow_width='10' box_shadow_color='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='curtain-reveal-ltr' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='20' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='' css_position_location=',,,' css_position_z_index='110' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-l3sluu0i' sc_version='1.0' admin_preview_bg=''][/av_image] [av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/dusan-jovic-4JpCi9jWaOA-unsplash-200x300.jpg' attachment='2027' attachment_size='medium' copyright='' caption='' image_size='' styling='no-styling' box_shadow='outside' box_shadow_width='17' box_shadow_color='rgba(0,0,0,0.3)' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='curtain-reveal-rtl' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='10' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='absolute' css_position_location='40px,,,-50px' css_position_z_index='110' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-l3slz2ga' sc_version='1.0' admin_preview_bg=''][/av_image] [/av_cell_one_half][/av_layout_row][av_layout_row min_height_percent='' min_height_pc='25' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='' mobile_column_order='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-1y0avc' sc_version='1.0'] [av_cell_one_half vertical_align='middle' padding='70px' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-1oaef4' sc_version='1.0'] [av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/amr-taha-UOMrO-JN-XQ-unsplash-845x684.jpg' attachment='2026' attachment_size='gallery' copyright='' caption='' image_size='' styling='no-styling' box_shadow='none' box_shadow_width='10' box_shadow_color='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='curtain-reveal-rtl' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='20' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='' css_position_location=',,,' css_position_z_index='110' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-l3smwbbb' sc_version='1.0' admin_preview_bg=''][/av_image] [av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/kevin-canlas-e_mbJ0T0mes-unsplash-200x300.jpg' attachment='2029' attachment_size='medium' copyright='' caption='' image_size='' styling='no-styling' box_shadow='outside' box_shadow_width='20' box_shadow_color='rgba(0,0,0,0.3)' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='curtain-reveal-ltr' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='10' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='absolute' css_position_location='40px,-50px,,' css_position_z_index='110' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-l3smyzp5' sc_version='1.0' admin_preview_bg=''][/av_image] [/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='120px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='60px' av-mini-padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3sn2t3l' sc_version='1.0'] [av_heading heading='What we do...' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-1jsd34' sc_version='1.0' admin_preview_bg=''][/av_heading] [av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-1easfk' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla. [/av_textblock] [av_one_half first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_width='10' row_boxshadow_color='' custom_margin='' margin='0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' min_col_height='' padding='' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_flip='' svg_div_top_invert='' svg_div_top_front='' svg_div_top_opacity='' svg_div_top_preview='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_flip='' svg_div_bottom_invert='' svg_div_bottom_front='' svg_div_bottom_opacity='' svg_div_bottom_preview='' column_boxshadow='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location='' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location='' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location='' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location='' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-192lqo' sc_version='1.0'] [av_animated_numbers number='212' start_from='' icon_select='no' icon='ue800' font='entypo-fontello' number_format='' circle='' circle_custom='' circle_border_style='none' circle_border_color='' circle_bg_color='' circle_border_width='' circle_size='' box_shadow='none' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' circle_mobile='' font_size='' av-medium-font-size-number='' av-small-font-size-number='' av-mini-font-size-number='' font_size_description='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' color='' custom_color='#444444' custom_color_desc='#444444' timer='15' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='av-159r1k' sc_version='1.0' admin_preview_bg=''] Finished Projects [/av_animated_numbers] [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_width='10' row_boxshadow_color='' custom_margin='' margin='0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' min_col_height='' padding='' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_flip='' svg_div_top_invert='' svg_div_top_front='' svg_div_top_opacity='' svg_div_top_preview='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_flip='' svg_div_bottom_invert='' svg_div_bottom_front='' svg_div_bottom_opacity='' svg_div_bottom_preview='' column_boxshadow='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location='' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location='' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location='' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location='' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-wq820' sc_version='1.0'] [av_animated_numbers number='4144' start_from='' icon_select='no' icon='ue800' font='entypo-fontello' number_format='' circle='' circle_custom='' circle_border_style='none' circle_border_color='' circle_bg_color='' circle_border_width='' circle_size='' box_shadow='none' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' circle_mobile='' font_size='' av-medium-font-size-number='' av-small-font-size-number='' av-mini-font-size-number='' font_size_description='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' color='' custom_color='#444444' custom_color_desc='#444444' timer='15' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='av-t1ia0' sc_version='1.0' admin_preview_bg=''] Hours of Work [/av_animated_numbers] [/av_one_half][av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='60' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-ipoh4' sc_version='1.0' admin_preview_bg=''] [av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='dark' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-l3sn1k2r' sc_version='1.0' admin_preview_bg='rgb(255, 255, 255)'] [/av_cell_one_half][/av_layout_row][av_layout_row min_height_percent='' min_height_pc='25' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='av-break-at-tablet' mobile_column_order='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-l3sz5uq1' sc_version='1.0'] [av_cell_one_third vertical_align='middle' padding='100px,0px,100px,0px' background='bg_color' background_color='#f8f8f8' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3syods3' sc_version='1.0'] [av_one_full first min_height='' vertical_alignment='av-align-top' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='100px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='15' column_boxshadow_color='rgba(0,0,0,0.3)' background='bg_color' background_color='#ffffff' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='left_right' parallax_parallax_speed='10' av-medium-parallax_parallax='none' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='none' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='none' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,200px' css_position_z_index='' av-medium-css_position='relative' av-medium-css_position_location=',,,0' av-medium-css_position_z_index='' av-small-css_position='relative' av-small-css_position_location=',,,0' av-small-css_position_z_index='' av-mini-css_position='relative' av-mini-css_position_location=',,,0' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3sys9uw' sc_version='1.0'] [av_heading heading='Last but not least...' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-1jn8w' sc_version='1.0' admin_preview_bg=''][/av_heading] [av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-9rhpk' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla. [/av_textblock] [/av_one_full][/av_cell_one_third][av_cell_two_third vertical_align='middle' padding='120px' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/ubiq-2Hq0WvL2Yc4-unsplash.jpg' attachment='2031' attachment_size='full' background_attachment='scroll' background_position='center center' background_repeat='stretch' link='' linktarget='' link_hover='' mobile_display='av-hide-on-mobile' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3sypxl7' sc_version='1.0'] [/av_cell_two_third] [/av_layout_row] [av_masonry_gallery ids='2032,2033,2034,2035,2036,2037,2038,2039' caption_elements='title excerpt' caption_styling='' caption_display='always' size='fixed' orientation='av-orientation-portrait' image_size='masonry' gap='large' columns='4' av-medium-columns='' av-small-columns='2' av-mini-columns='' items='24' paginate='none' color='custom' custom_bg='#2d2d2d' animation='curtain-reveal-ttb' animation_duration='1' animation_custom_bg_color='#2d2d2d' animation_custom_bg_color_multi_list='' animation_z_index_curtain='100' overlay_fx='active' container_links='active' link_dest='' lightbox_text='' img_scrset='' lazy_loading='disabled' id='portfolio' custom_class='' template_class='' av_uid='av-l3t0hp54' sc_version='1.0'] [av_layout_row min_height_percent='' min_height_pc='25' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='av-break-at-tablet' mobile_column_order='' id='contact' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-mb4yw' sc_version='1.0'] [av_cell_three_fifth vertical_align='middle' padding='120px' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/amr-taha-UOMrO-JN-XQ-unsplash.jpg' attachment='2026' attachment_size='full' background_attachment='scroll' background_position='center center' background_repeat='stretch' link='' linktarget='' link_hover='' mobile_display='av-hide-on-mobile' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3t0eyup' sc_version='1.0'] [/av_cell_three_fifth][av_cell_two_fifth vertical_align='middle' padding='100px,0,100px,0' background='bg_color' background_color='#2d2d2d' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/parallax_light.png' attachment='2024' attachment_size='full' background_attachment='scroll' background_position='center right' background_repeat='contain' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3t075ls' sc_version='1.0'] [av_one_full first min_height='' vertical_alignment='av-align-top' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='50px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='15' column_boxshadow_color='rgba(0,0,0,0.3)' background='bg_color' background_color='#ffffff' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='right_left' parallax_parallax_speed='20' av-medium-parallax_parallax='none' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='none' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='none' av-mini-parallax_parallax_speed='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',0,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',0,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',0,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3t08rf8' sc_version='1.0'] [av_heading heading='Get in Touch' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-l3t037w6' sc_version='1.0' admin_preview_bg=''][/av_heading] [av_contact title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' captcha='' captcha_theme='light' captcha_size='normal' captcha_score='0.5' (Email address hidden if logged out) ' from_email='' subject='' (Email address hidden if logged out) ' autoresponder_reply_to='' autoresponder_subject='' autorespond='' autorespond_after='' hide_labels='aviaTBhide_labels' form_align='' color='av-custom-form-color av-dark-form' heading_tag='' heading_class='' alb_description='' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3t05k5j' sc_version='1.0' admin_preview_bg=''] [av_contact_field label='E-Mail' type='text' check='is_email' options='' multi_select='' av_contact_preselect='' element_display='' width='' headline_tag='h3' av_uid='av-flbq0' sc_version='1.0'][/av_contact_field] [av_contact_field label='Message' type='textarea' check='is_empty' options='' multi_select='' av_contact_preselect='' element_display='' width='' headline_tag='h3' av_uid='av-9lrow' sc_version='1.0'][/av_contact_field] [/av_contact] [/av_one_full][/av_cell_two_fifth] [/av_layout_row]
Best regards,
RikardDecember 24, 2023 at 2:55 pm #1428850Hey Katja,
Thank you for the link to your test site, it looks like your footer link has been added as a custom menu item with a full url, please try to use only the footer ID like this:
In my test on my site this solves the issue you are having.
For the portfolio section try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#portfoliobeschriftung .main_color .grid-content, #portfoliobeschriftung .main_color .grid-content * { background-color: #e2001a; color: #fff; }
Your email link and phone number in the header has two line break tags (BR), try to remove these and then add this css:
.phone-info .infos a { display: inline; } .phone-info .infos a .avia-icon-pos-left { float: none; display: inline; }
If you can’t remove the line break tags, then try this css:
.phone-info .infos br { display: none; } .phone-info .infos a { display: inline; } .phone-info .infos a .avia-icon-pos-left { float: none; display: inline; }
To have the team membert images increase in size on hover, try this css:
#team .avia-team-member img { animation: growout 2s; animation-fill-mode: forwards; } #team .avia-team-member:hover img { animation: growin 2s; animation-fill-mode: forwards; } @keyframes growin { from {transform: scale(1)} to {transform: scale(1.2)} } @keyframes growout { from {transform: scale(1.2)} to {transform: scale(1)} }
Best regards,
MikeDecember 1, 2023 at 4:12 pm #1426900In reply to: Demo Services Page – How to replicate?
Hey mehwishxperia,
Please enable debug mode under Enfold->Layout Builder->Show advanced options->Debug mode. Then you can paste this shortcode into the shortcode window in a new page:
[av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_uid='av-flk2a2'] [av_heading tag='h1' padding='15' heading='Our Services' color='custom-color-heading' style='blockquote modern-quote' custom_font='#000000' size='40' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av_uid='av-fjbr2q'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='10px' custom_margin_bottom='10px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-fczdmi'] [av_one_half first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-f6oc0i'] [av_textblock size='' font_color='' color='' av_uid='av-eykr3m'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis <a href="#">parturient montes</a>, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_textblock] [/av_one_half][av_one_half min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-etbavu'] [av_textblock size='' font_color='' color='' av_uid='av-elfvya'] Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. <strong>Vivamus elementum</strong> semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula. [/av_textblock] [/av_one_half] [/av_section] [av_tab_section transition='av-tab-slide-transition' padding='large' tab_pos='av-tab-above-content' tab_padding='none' initial='5' id='Plugins' av_element_hidden_in_editor='0' av_admin_tab_active='6' bg_color='#ffffff' color='#919191' av_uid='av-eekvz6'] [av_tab_sub_section tab_title='Product Photography' vertical_align='middle' icon_select='icon_top' icon='ue80f' font='entypo-fontello' tab_image='' tab_image_style='' color='#35383c' background_color='#35383c' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-e94tc2'] [av_three_fifth first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-e4rdwa'] [av_heading tag='h1' padding='0' heading='Photography' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-dywjma'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-drfolu'] [av_textblock size='' font_color='custom' color='#ffffff' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-dmdbsi'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et <strong>magnis</strong> dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla <strong>consequat</strong> massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. <strong>Nullam</strong> dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. [/av_textblock] [/av_three_fifth][av_two_fifth min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-dfnwfm'] [av_image src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/features-5-845x684.jpg' attachment='354' attachment_size='gallery' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-dd63eq'][/av_image] [/av_two_fifth][/av_tab_sub_section][av_tab_sub_section tab_title='Amazing Support' vertical_align='middle' icon_select='icon_top' icon='ue8b9' font='entypo-fontello' tab_image='' tab_image_style='' color='#35383c' background_color='#35383c' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-d3pdz6'] [av_two_fifth first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-cz9zju'] [av_image src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/features-1-845x684.jpg' attachment='350' attachment_size='gallery' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-crt282'][/av_image] [/av_two_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-cpgqqa'] [av_heading tag='h1' padding='0' heading='Amazing Support' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-cih7y2'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-cbkzzm'] [av_textblock size='' font_color='custom' color='#ffffff' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-c7alci'] Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. <strong>Nullam</strong> dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et <strong>magnis</strong> dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla <strong>consequat</strong> massa quis enim. [/av_textblock] [/av_three_fifth][/av_tab_sub_section][av_tab_sub_section tab_title='Professional Web Design' vertical_align='middle' icon_select='icon_top' icon='ue8ab' font='entypo-fontello' tab_image='' tab_image_style='' color='#35383c' background_color='#35383c' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-bxv0t6'] [av_three_fifth first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-bv5clu'] [av_heading tag='h1' padding='0' heading='Web Design' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-bopqn6'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-bfptdm'] [av_textblock size='' font_color='custom' color='#ffffff' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-bcarle'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et <strong>magnis</strong> dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla <strong>consequat</strong> massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. <strong>Nullam</strong> dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. [/av_textblock] [/av_three_fifth][av_two_fifth min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-b58fqa'] [av_image src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/features-3-845x684.jpg' attachment='352' attachment_size='gallery' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-aye57u'][/av_image] [/av_two_fifth][/av_tab_sub_section][av_tab_sub_section tab_title='Project Planing' vertical_align='middle' icon_select='icon_top' icon='ue84b' font='entypo-fontello' tab_image='' tab_image_style='' color='#35383c' background_color='#35383c' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-audymq'] [av_two_fifth first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-aoipoy'] [av_image src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/features-4-845x684.jpg' attachment='353' attachment_size='gallery' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-ajeasy'][/av_image] [/av_two_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-aauvoa'] [av_heading tag='h1' padding='0' heading='Planing' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-a4n7z6'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-a0i8ju'] [av_textblock size='' font_color='custom' color='#ffffff' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-9s8mte'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et <strong>magnis</strong> dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla <strong>consequat</strong> massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. <strong>Nullam</strong> dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. [/av_textblock] [/av_three_fifth][/av_tab_sub_section][av_tab_sub_section tab_title='SEO Basic Optimization' vertical_align='middle' icon_select='icon_top' icon='ue803' font='entypo-fontello' tab_image='' tab_image_style='' color='#35383c' background_color='#35383c' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-9nmtoi'] [av_three_fifth first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-9krmei'] [av_heading tag='h1' padding='0' heading='Search Engine Optimization' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-9bwzq2'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-x7yii'] [av_textblock size='' font_color='custom' color='#ffffff' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-8zg0wy'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et <strong>magnis</strong> dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla <strong>consequat</strong> massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. <strong>Nullam</strong> dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. [/av_textblock] [/av_three_fifth][av_two_fifth min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-8tpgyi'] [av_image src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/features-5-845x684.jpg' attachment='354' attachment_size='gallery' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-8pml5e'][/av_image] [/av_two_fifth][/av_tab_sub_section][av_tab_sub_section tab_title='Reliable Print Design' vertical_align='middle' icon_select='icon_top' icon='ue838' font='entypo-fontello' tab_image='' tab_image_style='' color='#35383c' background_color='#35383c' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-8imp8y'] [av_two_fifth first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-8bl1ay'] [av_image src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/features-6-845x684.jpg' attachment='355' attachment_size='gallery' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-86kya2'][/av_image] [/av_two_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-82lvte'] [av_heading tag='h1' padding='0' heading='Print Design' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-7wao16'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-7mwtzu'] [av_textblock size='' font_color='custom' color='#ffffff' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-7jowdu'] Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. <strong>Nullam</strong> dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et <strong>magnis</strong> dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla <strong>consequat</strong> massa quis enim. [/av_textblock] [/av_three_fifth][/av_tab_sub_section][av_tab_sub_section tab_title='Cloud Service' vertical_align='middle' icon_select='icon_top' icon='ue82f' font='entypo-fontello' tab_image='' tab_image_style='' color='#35383c' background_color='#35383c' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-7es4yi'] [av_two_fifth first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-76e1yi'] [av_image src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/features-1-845x684.jpg' attachment='350' attachment_size='gallery' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-72up2y'][/av_image] [/av_two_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-6w94m2'] [av_heading tag='h1' padding='0' heading='Cloud Service Setup' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-6oi5ei'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-6km0ne'] [av_textblock size='' font_color='custom' color='#ffffff' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-6bbct6'] Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. <strong>Nullam</strong> dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et <strong>magnis</strong> dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla <strong>consequat</strong> massa quis enim. [/av_textblock] [/av_three_fifth][/av_tab_sub_section][av_tab_sub_section tab_title='PHP Development' vertical_align='middle' icon_select='icon_top' icon='ue855' font='entypo-fontello' tab_image='' tab_image_style='' color='#35383c' background_color='#35383c' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-68g1oa'] [av_three_fifth first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-lthia'] [av_heading tag='h1' padding='0' heading='PHP Development' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-5ts3i2'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-5ro80q'] [av_textblock size='' font_color='custom' color='#ffffff' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-5kjlle'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et <strong>magnis</strong> dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla <strong>consequat</strong> massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. <strong>Nullam</strong> dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. [/av_textblock] [/av_three_fifth][av_two_fifth min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-5gcyr6'] [av_image src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/features-3-845x684.jpg' attachment='352' attachment_size='gallery' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-576glu'][/av_image] [/av_two_fifth][/av_tab_sub_section][av_tab_sub_section tab_title='Social Media Setup' vertical_align='middle' icon_select='icon_top' icon='ue8f1' font='entypo-fontello' tab_image='' tab_image_style='' color='#35383c' background_color='#35383c' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-50ivlu'] [av_two_fifth first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-4vesai'] [av_image src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/features-4-845x684.jpg' attachment='353' attachment_size='gallery' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-4nsxhu'][/av_image] [/av_two_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-g94jm'] [av_heading tag='h1' padding='0' heading='Social Media Managment' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-4ci24a'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-47moui'] [av_textblock size='' font_color='custom' color='#ffffff' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-3zhtmy'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et <strong>magnis</strong> dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla <strong>consequat</strong> massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. <strong>Nullam</strong> dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. [/av_textblock] [/av_three_fifth][/av_tab_sub_section][/av_tab_section][av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_uid='av-3vjl9m'] [av_one_half first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-3pe0ey'] [av_heading heading='Our Workflow...' tag='h2' style='blockquote modern-quote' size='40' subheading_active='' subheading_size='15' padding='0' color='' custom_font='' admin_preview_bg='' av_uid='av-3mibe2'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='10px' custom_margin_bottom='10px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-3f04je'] [av_textblock size='' font_color='' color='' admin_preview_bg='' av_uid='av-39i6rm'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_textblock] [/av_one_half][av_one_half min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-31o2wi'] [av_heading heading='What you need to provide...' tag='h2' style='blockquote modern-quote' size='40' subheading_active='' subheading_size='15' padding='0' color='' custom_font='' admin_preview_bg='' av_uid='av-2uusnm'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='10px' custom_margin_bottom='10px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-2szhte'] [av_textblock size='' font_color='' color='' admin_preview_bg='' av_uid='av-2jn5si'] Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [/av_textblock] [/av_one_half] [/av_section] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2017/02/banner-news-alt.jpg' attachment='1057' attachment_size='full' attach='fixed' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-2gjbk2'] [av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-26ybsy'] [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-238a6q'] [av_heading heading='Lorem ipsum dolor...' tag='h2' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='20' color='custom-color-heading' custom_font='#ffffff' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-1udvzu'][/av_heading] [av_textblock size='' font_color='custom' color='#ffffff' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-1t6no2'] <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis disies nec, pellentesque eu, pretium quis, sem.</p> [/av_textblock] [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-1lbuca'] [/av_one_fifth] [/av_section] [av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='#f8f8f8' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-1eqt5u'] [av_heading tag='h2' padding='0' heading='What others say about us...' color='' style='blockquote modern-quote modern-centered' custom_font='' size='40' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av_uid='av-18etlm'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='50px' custom_margin_bottom='50px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-119rqq'] [av_testimonials style='grid' columns='2' interval='5' font_color='' admin_preview_bg='' av_uid='av-xd3p6'] [av_testimonial_single src='1961' name='Martha M. Masters' subtitle='Marketing' link='http://www.wikipedia.com' linktext='WikiTravel' av_uid='av-sj97m'] Nulla consequat massa quis enim. Donec pede justo, frinnec, vulputate eget, arcu. In enim juerdiet a, venenatis vitae, justo. [/av_testimonial_single] [av_testimonial_single src='1959' name='Anna Vandana' subtitle='CEO' link='http://www.wikipedia.com' linktext='Media Wiki' av_uid='av-k4q0a'] In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. [/av_testimonial_single] [av_testimonial_single src='1960' name='Maxi Milli' subtitle='Public Relations' link='http://www.wikipedia.com' linktext='Max Mobilcom' av_uid='av-gpbvm'] Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. [/av_testimonial_single] [av_testimonial_single src='1958' name='Dr. Dosist' subtitle='Dean of Medicine' link='http://www.wikipedia.com' linktext='Doom Inc' av_uid='av-864gq'] In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. [/av_testimonial_single] [/av_testimonials] [/av_section]
Best regards,
RikardOctober 5, 2023 at 6:52 am #1421456Hello @Ismael.
No, I did not replace the file. I re-uploaded the file from the source and the error continues to appear if the post type is set to link.
I’ve tested further and the error only occurs with link type posts. Any other post format is fine.The content of the post is:
<a href="https://www.merchsmerch.com/" target="_blank" rel="noopener">Online Merch from Lowest of the Low!</a> Mugs? <strong>Check!</strong> T-shirts? <strong>Check!</strong> Keychains, hoodies, posters, pins, hats, toques, and more! [av_button label='Go Shopping!' icon_select='yes' icon='ue859' font='entypo-fontello' link='manually,https://www.merchsmerch.com/' link_target='_blank' size='small' position='center' label_display='' title_attr='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-2gs7zi' sc_version='1.0' admin_preview_bg='']
September 29, 2023 at 5:46 pm #1420929In reply to: show tripadvisor icon in header
This reply has been marked as private. -
AuthorSearch Results
-
Search Results
-
Topic: Glitch on mobile
Hi, I guess my custom css produces a glitch on mobile: The underlined font is not displayed properly and the cookie banner appears misplaced (at the far bottom of the page).
On Desktop everthing looks great. Can you help me please?This is my custom css:
/* Header mobile */ @media only screen and (max-width: 767px) { .responsive #top #wrap_all #header { position: fixed; } } @media only screen and (max-width: 767px) { .responsive #header_main .container { height: 50px !important; } .responsive .logo a { vertical-align: top !important; } .responsive .logo img { max-height: 50px !important; } } @media only screen and (max-width: 767px) { .responsive #top #wrap_all .main_menu { top: -15px; height: 45px; left: auto; right: 0; display: block; position: absolute; } } @media only screen and (max-width: 500px) { .responsive #top #wrap_all #main { padding-top: 50px !important; } } /* Farbe Nachrichtenversand */ h3.avia-form-success{ color:#99a502!important; } /* Header Button Mobile*/ @media only screen and (max-width: 767px) { .home .avia-fullscreen-slider .caption_bottom .slideshow_caption { bottom: 325px; left: 300px; } .home .slideshow_inner_caption .avia-slideshow-button.avia-button { background-color: #a37652; color: white; border-radius: 10px; } } @media only screen and (max-width: 767px) { #top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button { background-color: #a37652; color: white; border-radius: 10px; } } /* Text mit Foto*/ .avia_textblock p img { border-radius: 100%; box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 4px; } .avia_textblock img.alignleft { margin-right: 40px; margin-bottom: 20px; } @media only screen and (max-width: 767px) { #hello .avia_textblock img { width: 50%; } } /* ScrollDown Pfeil */ #top .scroll-down-link { color: #a47654; } /* Blog Leerzeile entfernen */ .page-id-691 #after_section_2 { display: none; } /* Blog Postdatum entfernen */ .page-id-691 .av-masonry .av-masonry-date { display: none; } /* SocialMedia Icons*/ #top #wrap_all .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-instagram a:focus { color: #fff; background-color: #c82161; } /* Icon Circle schneller*/ .avia_start_animation .avia-icon-circles-inner { transition: all 0s cubic-bezier(0,0,0,0); } /* Desktop Menu*/ @media only screen and (max-width: 2500px) { #top #header.av_header_transparency .av-main-nav > li.menu-item { display: none!important; } #top #header.av_header_transparency .av-burger-menu-main { cursor: pointer; display: block!important; } } /* Header Button Desktop*/ @media only screen and (max-width: 450px) { .slideshow_inner_caption { top: -40px; } } @media only screen and (min-width: 768px) { #top .caption_bottom .slideshow_caption .slideshow_inner_caption { position: relative; text-align: center; } #top .slideshow_inner_caption .avia-slideshow-button.avia-button { width: 500px; height: 56px; font-size: 22px; } @media only screen and (min-width: 768px) { .slideshow_inner_caption { top: -125px; } } #top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button { background-color: #a37652; color: white; border-radius: 10px; } #top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button:hover { background-color: #c79a52; color: white; border-radius: 15px; } /* CookieBanner*/ #top .avia-cookie-consent .avia-cookie-consent-button.av-extra-cookie-btn, #top .avia-popup .avia-cookie-consent-button.av-extra-cookie-btn { background-color: #484f5d; color: #ffffff; border-color: #484f5d; border-radius: 10px; } #top #wrap_all .header_color #menu-item-1628.av-menu-button-colored > a .avia-menu-text, #top #wrap_all .header_color #menu-item-1627.av-menu-button-colored > a .avia-menu-text { background-color: #484f5d; color: #ffffff; border-color: #484f5d; border-radius: 10px; } .html_elegant-blog #top .avia-content-slider .blog-categories { display: none; }
Website-Link on private content.
Thank you in advance an best regards!
Hi, I’m trying to add Active Campaign forms to my website using the advanced editor code block but they’re breaking the page.
There are two embed options: a one-line “simple embed” and a “full embed code.” I need to use the full embed code so I can customize the form. (both snippets pasted at end of this message).
The simple embed code works in the advanced editor’s code block, but the full embed code breaks the page. See me recreate the issue on https://staging.thedancedojo.com/test/ here: https://www.loom.com/share/fa897947dd5a460eb5967abf9d367208
On the live site, I originally created an About page https://thedancedojo.com/about/ using the full embed code and the page saved and can be viewed, but now I can’t edit it. When I try to edit it the advanced editor won’t load – the spinner goes forever.
Any idea why this could be happening?
You can use this page for testing: https://staging.thedancedojo.com/test/
Login and FTP creds are included.
Robin
==== ACTIVE CAMPAIGN FULL EMBED CODE =====
<div class=”_form_1189″></div><script src=”https://dancedojo.activehosted.com/f/embed.php?id=1189″ charset=”utf-8″></script>==== ACTIVE CAMPAIGN FULL EMBED CODE =====
<style>@import url(https://fonts.bunny.net/css?family=open-sans:400,700);</style>
<style>
#_form_1189_{font-size:14px;line-height:1.6;font-family:arial, helvetica, sans-serif;margin:0}#_form_1189_ *{outline:0}._form_hide{display:none;visibility:hidden}._form_show{display:block;visibility:visible}#_form_1189_._form-top{top:0}#_form_1189_._form-bottom{bottom:0}#_form_1189_._form-left{left:0}#_form_1189_._form-right{right:0}#_form_1189_ input[type=”text”],#_form_1189_ input[type=”tel”],#_form_1189_ input[type=”date”],#_form_1189_ textarea{padding:6px;height:auto;border:#979797 1px solid;border-radius:4px;color:#000000 !important;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#_form_1189_ textarea{resize:none}#_form_1189_ ._submit{-webkit-appearance:none;cursor:pointer;font-family:arial, sans-serif;font-size:14px;text-align:center;background:#FF9100 !important;border:0 !important;-moz-border-radius:4px !important;-webkit-border-radius:4px !important;border-radius:4px !important;color:#FFFFFF !important;padding:10px !important}#_form_1189_ ._submit:disabled{cursor:not-allowed;opacity:0.4}#_form_1189_ ._submit.processing{position:relative}#_form_1189_ ._submit.processing::before{content:””;width:1em;height:1em;position:absolute;z-index:1;top:50%;left:50%;border:double 3px transparent;border-radius:50%;background-image:linear-gradient(#FF9100, #FF9100), conic-gradient(#FF9100, #FFFFFF);background-origin:border-box;background-clip:content-box, border-box;animation:1200ms ease 0s infinite normal none running _spin}#_form_1189_ ._submit.processing::after{content:””;position:absolute;top:0;bottom:0;left:0;right:0;background:#FF9100 !important;border:0 !important;-moz-border-radius:4px !important;-webkit-border-radius:4px !important;border-radius:4px !important;color:#FFFFFF !important;padding:10px !important}@keyframes _spin{0%{transform:translate(-50%, -50%) rotate(90deg)}100%{transform:translate(-50%, -50%) rotate(450deg)}}#_form_1189_ ._close-icon{cursor:pointer;background-image:url(“https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png”);background-repeat:no-repeat;background-size:14.2px 14.2px;position:absolute;display:block;top:11px;right:9px;overflow:hidden;width:16.2px;height:16.2px}#_form_1189_ ._close-icon:before{position:relative}#_form_1189_ ._form-body{margin-bottom:30px}#_form_1189_ ._form-image-left{width:150px;float:left}#_form_1189_ ._form-content-right{margin-left:164px}#_form_1189_ ._form-branding{color:#fff;font-size:10px;clear:both;text-align:left;margin-top:30px;font-weight:100}#_form_1189_ ._form-branding ._logo{display:block;width:130px;height:14px;margin-top:6px;background-image:url(“https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png”);background-size:130px auto;background-repeat:no-repeat}#_form_1189_ .form-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}#_form_1189_ ._form-label,#_form_1189_ ._form_element ._form-label{font-weight:bold;margin-bottom:5px;display:block}#_form_1189_._dark ._form-branding{color:#333}#_form_1189_._dark ._form-branding ._logo{background-image:url(“https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png”)}#_form_1189_ ._form_element{position:relative;margin-bottom:10px;font-size:0;max-width:100%}#_form_1189_ ._form_element *{font-size:14px}#_form_1189_ ._form_element._clear{clear:both;width:100%;float:none}#_form_1189_ ._form_element._clear:after{clear:left}#_form_1189_ ._form_element input[type=”text”],#_form_1189_ ._form_element input[type=”date”],#_form_1189_ ._form_element select,#_form_1189_ ._form_element textarea:not(.g-recaptcha-response){display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:inherit}#_form_1189_ ._field-wrapper{position:relative}#_form_1189_ ._inline-style{float:left}#_form_1189_ ._inline-style input[type=”text”]{width:150px}#_form_1189_ ._inline-style:not(._clear)+._inline-style:not(._clear){margin-left:20px}#_form_1189_ ._form_element img._form-image{max-width:100%}#_form_1189_ ._form_element ._form-fieldset{border:0;padding:0.01em 0 0 0;margin:0;min-width:0}#_form_1189_ ._clear-element{clear:left}#_form_1189_ ._full_width{width:100%}#_form_1189_ ._form_full_field{display:block;width:100%;margin-bottom:10px}#_form_1189_ input[type=”text”]._has_error,#_form_1189_ textarea._has_error{border:#F37C7B 1px solid}#_form_1189_ input[type=”checkbox”]._has_error{outline:#F37C7B 1px solid}#_form_1189_ ._error{display:block;position:absolute;font-size:14px;z-index:10000001}#_form_1189_ ._error._above{padding-bottom:4px;bottom:39px;right:0}#_form_1189_ ._error._below{padding-top:8px;top:100%;right:0}#_form_1189_ ._error._above ._error-arrow{bottom:-4px;right:15px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #FFDDDD}#_form_1189_ ._error._below ._error-arrow{top:0;right:15px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #FFDDDD}#_form_1189_ ._error-inner{padding:12px 12px 12px 36px;background-color:#FFDDDD;background-image:url(“data:image/svg+xml,%3Csvg width=’16’ height=’16’ viewBox=’0 0 16 16′ fill=’none’ xmlns=’http://www.w3.org/2000/svg’%3E%3Cpath fill-rule=’evenodd’ clip-rule=’evenodd’ d=’M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM9 3V9H7V3H9ZM9 13V11H7V13H9Z’ fill=’%23CA0000’/%3E%3C/svg%3E”);background-repeat:no-repeat;background-position:12px center;font-size:14px;font-family:arial, sans-serif;font-weight:600;line-height:16px;color:#000;text-align:center;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow:0px 1px 4px rgba(31, 33, 41, 0.298295)}#_form_1189_ ._error-inner._form_error{margin-bottom:5px;text-align:left}#_form_1189_ ._button-wrapper ._error-inner._form_error{position:static}#_form_1189_ ._error-inner._no_arrow{margin-bottom:10px}#_form_1189_ ._error-arrow{position:absolute;width:0;height:0}#_form_1189_ ._error-html{margin-bottom:10px}.pika-single{z-index:10000001 !important}#_form_1189_ input[type=”text”].datetime_date{width:69%;display:inline}#_form_1189_ select.datetime_time{width:29%;display:inline;height:32px}#_form_1189_ input[type=”date”].datetime_date{width:69%;display:inline-flex}#_form_1189_ input[type=”time”].datetime_time{width:29%;display:inline-flex}@media (min-width:320px) and (max-width:667px){::-webkit-scrollbar{display:none}#_form_1189_{margin:0;width:100%;min-width:100%;max-width:100%;box-sizing:border-box}#_form_1189_ *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1em}#_form_1189_ ._form-content{margin:0;width:100%}#_form_1189_ ._form-inner{display:block;min-width:100%}#_form_1189_ ._form-title,#_form_1189_ ._inline-style{margin-top:0;margin-right:0;margin-left:0}#_form_1189_ ._form-title{font-size:1.2em}#_form_1189_ ._form_element{margin:0 0 20px;padding:0;width:100%}#_form_1189_ ._form-element,#_form_1189_ ._inline-style,#_form_1189_ input[type=”text”],#_form_1189_ label,#_form_1189_ p,#_form_1189_ textarea:not(.g-recaptcha-response){float:none;display:block;width:100%}#_form_1189_ ._row._checkbox-radio label{display:inline}#_form_1189_ ._row,#_form_1189_ p,#_form_1189_ label{margin-bottom:0.7em;width:100%}#_form_1189_ ._row input[type=”checkbox”],#_form_1189_ ._row input[type=”radio”]{margin:0 !important;vertical-align:middle !important}#_form_1189_ ._row input[type=”checkbox”]+span label{display:inline}#_form_1189_ ._row span label{margin:0 !important;width:initial !important;vertical-align:middle !important}#_form_1189_ ._form-image{max-width:100%;height:auto !important}#_form_1189_ input[type=”text”]{padding-left:10px;padding-right:10px;font-size:16px;line-height:1.3em;-webkit-appearance:none}#_form_1189_ input[type=”radio”],#_form_1189_ input[type=”checkbox”]{display:inline-block;width:1.3em;height:1.3em;font-size:1em;margin:0 0.3em 0 0;vertical-align:baseline}#_form_1189_ button[type=”submit”]{padding:20px;font-size:1.5em}#_form_1189_ ._inline-style{margin:20px 0 0 !important}}#_form_1189_{position:relative;text-align:left;margin:25px auto 0;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#FFFFFF !important;border:0px solid #B0B0B0 !important;-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;color:#000000}#_form_1189_._inline-form,#_form_1189_._inline-form ._form-content{font-family:Open Sans;font-size:14px;font-weight:400}#_form_1189_._inline-form ._row span,#_form_1189_._inline-form ._row label{font-family:Open Sans;font-size:14px;font-weight:400;line-height:1.6em;color:black !important}#_form_1189__inlineform input[type=”text”],#_form_1189__inlineform input[type=”date”],#_form_1189__inlineform input[type=”tel”],#_form_1189__inlineform select,#_form_1189__inlineform textarea:not(.g-recaptcha-response){font-family:Open Sans;font-size:14px;font-weight:400;font-color:#000000;line-height:1.6em}#_form_1189_._inline-form ._html-code *,#_form_1189_._inline-form ._form-thank-you{font-family:Open Sans;font-size:14px;font-weight:400;color:black !important}#_form_1189_._inline-form ._form-label,#_form_1189_._inline-form ._form-checkbox-option-label,#_form_1189_._inline-form ._form-checkbox-option-description{font-family:Open Sans;font-size:14px;font-weight:700;line-height:1.6em;color:black !important}#_form_1189_._inline-form ._submit{font-family:Open Sans;font-size:14px;font-weight:400}#_form_1189_._inline-form ._form-title{font-family:Open Sans;font-size:22px;line-height:normal;font-weight:700;color:black;margin-bottom:0}#_form_1189_._inline-form ._form-branding{font-family:”IBM Plex Sans”, Helvetica, sans-serif;font-size:13px;font-weight:100;font-style:normal;text-decoration:none}#_form_1189_:before,#_form_1189_:after{content:” “;display:table}#_form_1189_:after{clear:both}#_form_1189_._inline-style{width:auto;display:inline-block}#_form_1189_._inline-style input[type=”text”],#_form_1189_._inline-style input[type=”date”]{padding:10px 12px}#_form_1189_._inline-style button._inline-style{position:relative;top:27px}#_form_1189_._inline-style p{margin:0}#_form_1189_._inline-style ._button-wrapper{position:relative;margin:27px 12.5px 0 20px}#_form_1189_ ._form-thank-you{position:relative;left:0;right:0;text-align:center;font-size:18px}@media (min-width:320px) and (max-width:667px){#_form_1189_._inline-form._inline-style ._inline-style._button-wrapper{margin-top:20px !important;margin-left:0 !important}}#_form_1189_ .iti.iti–allow-dropdown.iti–separate-dial-code{width:100%}#_form_1189_ .iti input{width:100%;height:32px;border:#979797 1px solid;border-radius:4px}#_form_1189_ .iti–separate-dial-code .iti__selected-flag{background-color:#FFFFFF;border-radius:4px}#_form_1189_ .iti–separate-dial-code .iti__selected-flag:hover{background-color:rgba(0, 0, 0, 0.05)}#_form_1189_ .iti__country-list{border-radius:4px;margin-top:4px;min-width:460px}#_form_1189_ .iti__country-list–dropup{margin-bottom:4px}#_form_1189_ .phone-error-hidden{display:none}#_form_1189_ .phone-error{color:#E40E49}#_form_1189_ .phone-input-error{border:1px solid #E40E49 !important}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field fieldset{margin:0;margin-bottom:1.1428571429em;border:none;padding:0}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field fieldset:last-child{margin-bottom:0}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field legend{margin-bottom:1.1428571429em}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field label{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:0.8571428571em}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field label:last-child{margin-bottom:0}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field input{margin:0;margin-right:8px}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field ._form-checkbox-option-label{line-height:1;display:block;font-weight:700}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field ._form-checkbox-option-description{margin:0;margin-top:0.3333333333em;font-size:0.8571428571em}</style>
<div style=”text-align: center;”>
<form method=”POST” action=”https://dancedojo.activehosted.com/proc.php” id=”_form_1189_” class=”_form _form_1189 _inline-form _inline-style _dark” novalidate data-styles-version=”5″>
<input type=”hidden” name=”u” value=”1189″ />
<input type=”hidden” name=”f” value=”1189″ />
<input type=”hidden” name=”s” />
<input type=”hidden” name=”c” value=”0″ />
<input type=”hidden” name=”m” value=”0″ />
<input type=”hidden” name=”act” value=”sub” />
<input type=”hidden” name=”v” value=”2″ />
<input type=”hidden” name=”or” value=”47465d44b72343bc96c14669a6731293″ />
<div class=”_form-content”>
<div class=”_form_element _x10052403 _inline-style ” >
<label for=”email” class=”_form-label”>
</label>
<div class=”_field-wrapper”>
<input type=”text” id=”email” name=”email” placeholder=”Your email” required/>
</div>
</div>
<div class=”_button-wrapper _inline-style”>
<button id=”_form_1189_submit” class=”_submit” type=”submit”>
Start Learning
</button>
</div>
<div class=”_clear-element”>
</div>
</div>
<div class=”_form-thank-you” style=”display:none;”>
</div>
</form>
</div><script>
window.cfields = [];
window._show_thank_you = function(id, message, trackcmp_url, email) {
var form = document.getElementById(‘_form_’ + id + ‘_’), thank_you = form.querySelector(‘._form-thank-you’);
form.querySelector(‘._form-content’).style.display = ‘none’;
thank_you.innerHTML = message;
thank_you.style.display = ‘block’;
const vgoAlias = typeof visitorGlobalObjectAlias === ‘undefined’ ? ‘vgo’ : visitorGlobalObjectAlias;
var visitorObject = window[vgoAlias];
if (email && typeof visitorObject !== ‘undefined’) {
visitorObject(‘setEmail’, email);
visitorObject(‘update’);
} else if (typeof(trackcmp_url) != ‘undefined’ && trackcmp_url) {
// Site tracking URL to use after inline form submission.
_load_script(trackcmp_url);
}
if (typeof window._form_callback !== ‘undefined’) window._form_callback(id);
};
window._show_unsubscribe = function(id, message, trackcmp_url, email) {
var form = document.getElementById(‘_form_’ + id + ‘_’), unsub = form.querySelector(‘._form-thank-you’);
var branding = form.querySelector(‘._form-branding’);
if (branding) {
branding.style.display = ‘none’;
}
form.querySelector(‘._form-content’).style.display = ‘none’;
unsub.style.display = ‘block’;
form.insertAdjacentHTML(‘afterend’, message)
const vgoAlias = typeof visitorGlobalObjectAlias === ‘undefined’ ? ‘vgo’ : visitorGlobalObjectAlias;
var visitorObject = window[vgoAlias];
if (email && typeof visitorObject !== ‘undefined’) {
visitorObject(‘setEmail’, email);
visitorObject(‘update’);
} else if (typeof(trackcmp_url) != ‘undefined’ && trackcmp_url) {
// Site tracking URL to use after inline form submission.
_load_script(trackcmp_url);
}
if (typeof window._form_callback !== ‘undefined’) window._form_callback(id);
};
window._show_error = function(id, message, html) {
var form = document.getElementById(‘_form_’ + id + ‘_’),
err = document.createElement(‘div’),
button = form.querySelector(‘button’),
old_error = form.querySelector(‘._form_error’);
if (old_error) old_error.parentNode.removeChild(old_error);
err.innerHTML = message;
err.className = ‘_error-inner _form_error _no_arrow’;
var wrapper = document.createElement(‘div’);
wrapper.className = ‘_form-inner’;
wrapper.appendChild(err);
button.parentNode.insertBefore(wrapper, button);
var submitButton = form.querySelector(‘[id^=”_form”][id$=”_submit”]’);
submitButton.disabled = false;
submitButton.classList.remove(‘processing’);
if (html) {
var div = document.createElement(‘div’);
div.className = ‘_error-html’;
div.innerHTML = html;
err.appendChild(div);
}
};
window._load_script = function(url, callback, isSubmit) {
var head = document.querySelector(‘head’), script = document.createElement(‘script’), r = false;
var submitButton = document.querySelector(‘#_form_1189_submit’);
script.charset = ‘utf-8’;
script.src = url;
if (callback) {
script.onload = script.onreadystatechange = function() {
if (!r && (!this.readyState || this.readyState == ‘complete’)) {
r = true;
callback();
}
};
}
script.onerror = function() {
if (isSubmit) {
if (script.src.length > 10000) {
_show_error(“1189”, “Sorry, your submission failed. Please shorten your responses and try again.”);
} else {
_show_error(“1189”, “Sorry, your submission failed. Please try again.”);
}
submitButton.disabled = false;
submitButton.classList.remove(‘processing’);
}
}head.appendChild(script);
};
(function() {
if (window.location.search.search(“excludeform”) !== -1) return false;
var getCookie = function(name) {
var match = document.cookie.match(new RegExp(‘(^|; )’ + name + ‘=([^;]+)’));
return match ? match[2] : null;
}
var setCookie = function(name, value) {
var now = new Date();
var time = now.getTime();
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
now.setTime(expireTime);
document.cookie = name + ‘=’ + value + ‘; expires=’ + now + ‘;path=/; Secure; SameSite=Lax;’;
}
var addEvent = function(element, event, func) {
if (element.addEventListener) {
element.addEventListener(event, func);
} else {
var oldFunc = element[‘on’ + event];
element[‘on’ + event] = function() {
oldFunc.apply(this, arguments);
func.apply(this, arguments);
};
}
}
var _removed = false;
var form_to_submit = document.getElementById(‘_form_1189_’);
var allInputs = form_to_submit.querySelectorAll(‘input, select, textarea’), tooltips = [], submitted = false;var getUrlParam = function(name) {
if (name.toLowerCase() !== ’email’) {
var params = new URLSearchParams(window.location.search);
return params.get(name) || false;
}
// email is a special case because a plus is valid in the email address
var qString = window.location.search;
if (!qString) {
return false;
}
var parameters = qString.substr(1).split(‘&’);
for (var i = 0; i < parameters.length; i++) {
var parameter = parameters[i].split(‘=’);
if (parameter[0].toLowerCase() === ’email’) {
return parameter[1] === undefined ? true : decodeURIComponent(parameter[1]);
}
}
return false;
};var acctDateFormat = “%m/%d/%Y”;
var getNormalizedDate = function(date, acctFormat) {
var decodedDate = decodeURIComponent(date);
if (acctFormat && acctFormat.match(/(%d|%e).*%m/gi) !== null) {
return decodedDate.replace(/(\d{2}).*(\d{2}).*(\d{4})/g, ‘$3-$2-$1’);
} else if (Date.parse(decodedDate)) {
var dateObj = new Date(decodedDate);
var year = dateObj.getFullYear();
var month = dateObj.getMonth() + 1;
var day = dateObj.getDate();
return${year}-${month < 10 ?
0${month}: month}-${day < 10 ?
0${day}: day}
;
}
return false;
};var getNormalizedTime = function(time) {
var hour, minutes;
var decodedTime = decodeURIComponent(time);
var timeParts = Array.from(decodedTime.matchAll(/(\d{1,2}):(\d{1,2})\W*([AaPp][Mm])?/gm))[0];
if (timeParts[3]) { // 12 hour format
var isPM = timeParts[3].toLowerCase() === ‘pm’;
if (isPM) {
hour = parseInt(timeParts[1]) === 12 ? ’12’ :${parseInt(timeParts[1]) + 12}
;
} else {
hour = parseInt(timeParts[1]) === 12 ? ‘0’ : timeParts[1];
}
} else { // 24 hour format
hour = timeParts[1];
}
var normalizedHour = parseInt(hour) < 10 ?0${parseInt(hour)}
: hour;
var minutes = timeParts[2];
return${normalizedHour}:${minutes}
;
};for (var i = 0; i < allInputs.length; i++) {
var regexStr = “field\\[(\\d+)\\]”;
var results = new RegExp(regexStr).exec(allInputs[i].name);
if (results != undefined) {
allInputs[i].dataset.name = allInputs[i].name.match(/\[time\]$/)
?${window.cfields[results[1]]}_time
: window.cfields[results[1]];
} else {
allInputs[i].dataset.name = allInputs[i].name;
}
var fieldVal = getUrlParam(allInputs[i].dataset.name);if (fieldVal) {
if (allInputs[i].dataset.autofill === “false”) {
continue;
}
if (allInputs[i].type == “radio” || allInputs[i].type == “checkbox”) {
if (allInputs[i].value == fieldVal) {
allInputs[i].checked = true;
}
} else if (allInputs[i].type == “date”) {
allInputs[i].value = getNormalizedDate(fieldVal, acctDateFormat);
} else if (allInputs[i].type == “time”) {
allInputs[i].value = getNormalizedTime(fieldVal);
} else {
allInputs[i].value = fieldVal;
}
}
}var remove_tooltips = function() {
for (var i = 0; i < tooltips.length; i++) {
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
}
tooltips = [];
};
var remove_tooltip = function(elem) {
for (var i = 0; i < tooltips.length; i++) {
if (tooltips[i].elem === elem) {
tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
tooltips.splice(i, 1);
return;
}
}
};
var create_tooltip = function(elem, text) {
var tooltip = document.createElement(‘div’),
arrow = document.createElement(‘div’),
inner = document.createElement(‘div’), new_tooltip = {};
if (elem.type != ‘radio’ && elem.type != ‘checkbox’) {
tooltip.className = ‘_error’;
arrow.className = ‘_error-arrow’;
inner.className = ‘_error-inner’;
inner.innerHTML = text;
tooltip.appendChild(arrow);
tooltip.appendChild(inner);
elem.parentNode.appendChild(tooltip);
} else {
tooltip.className = ‘_error-inner _no_arrow’;
tooltip.innerHTML = text;
elem.parentNode.insertBefore(tooltip, elem);
new_tooltip.no_arrow = true;
}
new_tooltip.tip = tooltip;
new_tooltip.elem = elem;
tooltips.push(new_tooltip);
return new_tooltip;
};
var resize_tooltip = function(tooltip) {
var rect = tooltip.elem.getBoundingClientRect();
var doc = document.documentElement,
scrollPosition = rect.top – ((window.pageYOffset || doc.scrollTop) – (doc.clientTop || 0));
if (scrollPosition < 40) {
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, ”) + ‘ _below’;
} else {
tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, ”) + ‘ _above’;
}
};
var resize_tooltips = function() {
if (_removed) return;
for (var i = 0; i < tooltips.length; i++) {
if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
}
};
var validate_field = function(elem, remove) {
var tooltip = null, value = elem.value, no_error = true;
remove ? remove_tooltip(elem) : false;
if (elem.type != ‘checkbox’) elem.className = elem.className.replace(/ ?_has_error ?/g, ”);
if (elem.getAttribute(‘required’) !== null) {
if (elem.type == ‘radio’ || (elem.type == ‘checkbox’ && /any/.test(elem.className))) {
var elems = form_to_submit.elements[elem.name];
if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
no_error = elem.checked;
}
else {
no_error = false;
for (var i = 0; i < elems.length; i++) {
if (elems[i].checked) no_error = true;
}
}
if (!no_error) {
tooltip = create_tooltip(elem, “Please select an option.”);
}
} else if (elem.type ==’checkbox’) {
var elems = form_to_submit.elements[elem.name], found = false, err = [];
no_error = true;
for (var i = 0; i < elems.length; i++) {
if (elems[i].getAttribute(‘required’) === null) continue;
if (!found && elems[i] !== elem) return true;
found = true;
elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, ”);
if (!elems[i].checked) {
no_error = false;
elems[i].className = elems[i].className + ‘ _has_error’;
err.push(“Checking %s is required”.replace(“%s”, elems[i].value));
}
}
if (!no_error) {
tooltip = create_tooltip(elem, err.join(‘<br/>’));
}
} else if (elem.tagName == ‘SELECT’) {
var selected = true;
if (elem.multiple) {
selected = false;
for (var i = 0; i < elem.options.length; i++) {
if (elem.options[i].selected) {
selected = true;
break;
}
}
} else {
for (var i = 0; i < elem.options.length; i++) {
if (elem.options[i].selected
&& (!elem.options[i].value
|| (elem.options[i].value.match(/\n/g)))
) {
selected = false;
}
}
}
if (!selected) {
elem.className = elem.className + ‘ _has_error’;
no_error = false;
tooltip = create_tooltip(elem, “Please select an option.”);
}
} else if (value === undefined || value === null || value === ”) {
elem.className = elem.className + ‘ _has_error’;
no_error = false;
tooltip = create_tooltip(elem, “This field is required.”);
}
}
if (no_error && (elem.id == ‘field[]’ || elem.id == ‘ca[11][v]’)) {
if (elem.className.includes(‘phone-input-error’)) {
elem.className = elem.className + ‘ _has_error’;
no_error = false;
}
}
if (no_error && elem.name == ’email’) {
if (!value.match(/^[\+_a-z0-9-‘&=]+(\.[\+_a-z0-9-‘]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
elem.className = elem.className + ‘ _has_error’;
no_error = false;
tooltip = create_tooltip(elem, “Enter a valid email address.”);
}
}
if (no_error && /date_field/.test(elem.className)) {
if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
elem.className = elem.className + ‘ _has_error’;
no_error = false;
tooltip = create_tooltip(elem, “Enter a valid date.”);
}
}
tooltip ? resize_tooltip(tooltip) : false;
return no_error;
};
var needs_validate = function(el) {
if(el.getAttribute(‘required’) !== null){
return true
}
if(el.name === ’email’ && el.value !== “”){
return true
}if((el.id == ‘field[]’ || el.id == ‘ca[11][v]’) && el.className.includes(‘phone-input-error’)){
return true
}return false
};
var validate_form = function(e) {
var err = form_to_submit.querySelector(‘._form_error’), no_error = true;
if (!submitted) {
submitted = true;
for (var i = 0, len = allInputs.length; i < len; i++) {
var input = allInputs[i];
if (needs_validate(input)) {
if (input.type == ‘tel’) {
addEvent(input, ‘blur’, function() {
this.value = this.value.trim();
validate_field(this, true);
});
}
if (input.type == ‘text’ || input.type == ‘number’ || input.type == ‘time’) {
addEvent(input, ‘blur’, function() {
this.value = this.value.trim();
validate_field(this, true);
});
addEvent(input, ‘input’, function() {
validate_field(this, true);
});
} else if (input.type == ‘radio’ || input.type == ‘checkbox’) {
(function(el) {
var radios = form_to_submit.elements[el.name];
for (var i = 0; i < radios.length; i++) {
addEvent(radios[i], ‘click’, function() {
validate_field(el, true);
});
}
})(input);
} else if (input.tagName == ‘SELECT’) {
addEvent(input, ‘change’, function() {
validate_field(this, true);
});
} else if (input.type == ‘textarea’){
addEvent(input, ‘input’, function() {
validate_field(this, true);
});
}
}
}
}
remove_tooltips();
for (var i = 0, len = allInputs.length; i < len; i++) {
var elem = allInputs[i];
if (needs_validate(elem)) {
if (elem.tagName.toLowerCase() !== “select”) {
elem.value = elem.value.trim();
}
validate_field(elem) ? true : no_error = false;
}
}
if (!no_error && e) {
e.preventDefault();
}
resize_tooltips();
return no_error;
};
addEvent(window, ‘resize’, resize_tooltips);
addEvent(window, ‘scroll’, resize_tooltips);var hidePhoneInputError = function(inputId) {
var errorMessage = document.getElementById(“error-msg-” + inputId);
var input = document.getElementById(inputId);
errorMessage.classList.remove(“phone-error”);
errorMessage.classList.add(“phone-error-hidden”);
input.classList.remove(“phone-input-error”);
};var initializePhoneInput = function(input, defaultCountry) {
return window.intlTelInput(input, {
utilsScript: “https: (Email address hidden if logged out) /build/js/utils.js”,
autoHideDialCode: false,
separateDialCode: true,
initialCountry: defaultCountry,
preferredCountries: []
});
}var setPhoneInputEventListeners = function(inputId, input, iti) {
input.addEventListener(‘blur’, function() {
var errorMessage = document.getElementById(“error-msg-” + inputId);
if (input.value.trim()) {
if (iti.isValidNumber()) {
iti.setNumber(iti.getNumber());
if (errorMessage.classList.contains(“phone-error”)){
hidePhoneInputError(inputId);
}
} else {
showPhoneInputError(inputId)
}
} else {
if (errorMessage.classList.contains(“phone-error”)){
hidePhoneInputError(inputId);
}
}
});input.addEventListener(“countrychange”, function() {
iti.setNumber(”);
});input.addEventListener(“keydown”, function(e) {
var charCode = (e.which) ? e.which : e.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode !== 8) {
e.preventDefault();
}
});
};var showPhoneInputError = function(inputId) {
var errorMessage = document.getElementById(“error-msg-” + inputId);
var input = document.getElementById(inputId);
errorMessage.classList.add(“phone-error”);
errorMessage.classList.remove(“phone-error-hidden”);
input.classList.add(“phone-input-error”);
};var _form_serialize = function(form){if(!form||form.nodeName!==”FORM”){return }var i,j,q=[];for(i=0;i<form.elements.length;i++){if(form.elements[i].name===””){continue}switch(form.elements[i].nodeName){case”INPUT”:switch(form.elements[i].type){case”tel”:q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].previousSibling.querySelector(‘div.iti__selected-dial-code’).innerText)+encodeURIComponent(” “)+encodeURIComponent(form.elements[i].value));break;case”text”:case”number”:case”date”:case”time”:case”hidden”:case”password”:case”button”:case”reset”:case”submit”:q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].value));break;case”checkbox”:case”radio”:if(form.elements[i].checked){q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].value))}break;case”file”:break}break;case”TEXTAREA”:q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].value));break;case”SELECT”:switch(form.elements[i].type){case”select-one”:q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].value));break;case”select-multiple”:for(j=0;j<form.elements[i].options.length;j++){if(form.elements[i].options[j].selected){q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].options[j].value))}}break}break;case”BUTTON”:switch(form.elements[i].type){case”reset”:case”submit”:case”button”:q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].value));break}break}}return q.join(“&”)};
const formSupportsPost = false;
var form_submit = function(e) {
e.preventDefault();
if (validate_form()) {
// use this trick to get the submit button & disable it using plain javascript
var submitButton = e.target.querySelector(‘#_form_1189_submit’);
submitButton.disabled = true;
submitButton.classList.add(‘processing’);
var serialized = _form_serialize(
document.getElementById(‘_form_1189_’)
).replace(/%0A/g, ‘\\n’);
var err = form_to_submit.querySelector(‘._form_error’);
err ? err.parentNode.removeChild(err) : false;
async function submitForm() {
var formData = new FormData();
const searchParams = new URLSearchParams(serialized);
searchParams.forEach((value, key) => {
formData.append(key, value);
});const response = await fetch(‘https://dancedojo.activehosted.com/proc.php?jsonp=true’, {
headers: {
“Accept”: “application/json”
},
body: formData,
method: “POST”
});
return response.json();
}
if (formSupportsPost) {
submitForm().then((data) => {
eval(data.js);
});
} else {
_load_script(‘https://dancedojo.activehosted.com/proc.php?’ + serialized + ‘&jsonp=true’, null, true);
}
}
return false;
};
addEvent(form_to_submit, ‘submit’, form_submit);
})();</script>