-
Search Results
-
In reply to: Iconbox Icon Smaller
Hi,
It looks like your “custom class” iconstyle is actually a ID, perhaps you added it to the wrong field in the developer tab.
To correct the above css, try this:#iconstyle .iconbox_icon.avia-svg-icon img[is-svg-img=true], .iconbox_icon.avia-svg-icon svg:first-child { height: 0.5em; width: 0.5em; top: -8px; position: relative; } #top #iconstyle .avia-font-entypo-fontello, body #iconstyle .avia-font-entypo-fontello, html body #iconstyle [data-av_iconfont='entypo-fontello']:before { font-family: 'entypo-fontello'; line-height: 1.5em; display: block; top: 0; position: relative; font-size: 0.6em; }After applying the css, please clear your browser cache and check.
Best regards,
MikeIn reply to: Iconbox Icon Smaller
Thanks. I went ahead and added a custom class. Is this correct? and than the class is iconstyle
.iconstyle .iconbox_icon.avia-svg-icon img[is-svg-img=true], .iconbox_icon.avia-svg-icon svg:first-child { height: 0.5em; width: 0.5em; top: -8px; position: relative; } .iconstyle #top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont='entypo-fontello']:before { font-family: 'entypo-fontello'; line-height: 1.5em; display: block; top: 0; position: relative; font-size: 0.6em; }In reply to: Adding Button To Header
Hey Caitlin,
Thank you for the inquiry.
Before proceeding, we kindly ask you to register on the forum using the purchase code associated with your theme license. Please use the following link: https://kriesi.at/support/register/
Once registered, you can open a new thread using the form here: https://kriesi.at/support/forum/enfold/#new-post
To add a button to the header widget area, you can use the Text widget, then add this shortcode:
[av_button label=' (Email address hidden if logged out) ' icon_select='yes' icon='mail' font='svg_entypo-fontello' title_attr='' button_type='' link='manually,mailto: (Email address hidden if logged out) ' link_dynamic='' link_target='' download_file='https://' attachment='' attachment_size='' downloaded_file_name='' size='small' 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='' template_class='' av_uid='av-me0reo0x' sc_version='1.0' admin_preview_bg='']You can also use this html:
<div class="avia-button-wrap av-me0reo0x-af6ff2d8373030c9c60f62b386b56008-wrap avia-button-center avia-builder-el-0 el_before_av_slideshow_accordion avia-builder-el-no-sibling "><a href="mailto: (Email address hidden if logged out) " class="avia-button av-me0reo0x-af6ff2d8373030c9c60f62b386b56008 av-link-btn avia-icon_select-yes-left-icon avia-size-small avia-position-center avia-color-theme-color" aria-label=" (Email address hidden if logged out) "><span class="avia_button_icon avia_button_icon_left avia-svg-icon avia-font-svg_entypo-fontello" data-av_svg_icon="mail" data-av_iconset="svg_entypo-fontello"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="29" height="32" viewBox="0 0 29 32" preserveAspectRatio="xMidYMid meet" aria-labelledby="av-svg-title-4" aria-describedby="av-svg-desc-4" role="graphics-symbol"> <title id="av-svg-title-4">Mail</title> <desc id="av-svg-desc-4">Mail</desc> <path d="M0.96 8.448q-1.024-0.576-0.896-1.28 0.064-0.448 0.832-0.448h27.072q1.216 0 0.64 1.024-0.256 0.448-0.768 0.704-0.448 0.192-6.144 3.264t-5.824 3.136q-0.512 0.32-1.472 0.32-0.896 0-1.472-0.32-0.128-0.064-5.824-3.136t-6.144-3.264zM28.16 11.648q0.64-0.32 0.64 0.32v11.776q0 0.512-0.544 1.024t-1.056 0.512h-25.6q-0.512 0-1.056-0.512t-0.544-1.024v-11.776q0-0.64 0.64-0.32l12.288 6.4q0.576 0.32 1.472 0.32t1.472-0.32z"></path> </svg></span><span class="avia_iconbox_title"> (Email address hidden if logged out) </span></a></div>Best regards,
IsmaelIn reply to: Iconbox Icon Smaller
Hey vrhgmt744p,
Thank you for the inquiry.
You can use the following css code to adjust the size of the icon inside the iconbox.
.iconbox_icon.avia-svg-icon img[is-svg-img=true], .iconbox_icon.avia-svg-icon svg:first-child { height: 0.5em; width: 0.5em; top: -8px; position: relative; } #top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont='entypo-fontello']:before { font-family: 'entypo-fontello'; line-height: 1.5em; display: block; top: 0; position: relative; font-size: 0.6em; }If you need this applied to specific icons, try adding a custom css class to the element. Please refer to the documentation below.
— https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support
Best regards,
IsmaelIn reply to: Aria label
Hello Ismael,
Unfortunately we have not the Button Title Attribute on the backed.If I try the shortcoce methode:
[av_button label='Zur Anfahrtsbeschreibung' link='manually.#/anfahrt' link_target='' size='large' position='left' icon_select='yes' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-5obiu2i' title_attr='Zur Anfahrt']I get no arria here:
<a href="#/anfahrt" class="avia-button avia-color-theme-color avia-icon_select-yes-left-icon avia-size-large avia-position-left " style="text-decoration: underline; outline-width: 0px; outline-color: rgb(240, 240, 241); outline-offset: 0px;"><span class="avia_button_icon avia_button_icon_left " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">Zur Anfahrtsbeschreibung</span></a>Topic: Aria label
Dear support,
I am trying to add Aria-Labels to my instance.
I have added to my function.php
function custom_alb_get_developer_settings( $value, $setting, $option_value ) { switch( $setting ) { case 'aria_label': /** * allowed return values */ $value = 'developer_aria_label'; //$value = 'show'; //$value = 'deactivate'; break; default: $value = false; } return $value; } add_filter( 'avf_alb_get_developer_settings', 'custom_alb_get_developer_settings', 10, 3 );Unfortunately I don ‘t see an aria-label at my buttons.
<a href="#/anfahrt"><span class="avia_button_icon avia_button_icon_left " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">Zur Anfahrtsbeschreibung</span></a>Nor in my development options of the button.
How can I add the option to the button?Best Regards
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' );In 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’
);Hey marketbiz,
To remove the new products section on the empty cart page add this css to your Quick CSS:.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-product-new,.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-heading:not(.wc-block-cart__empty-cart__title) { display:none; }Then to add the button add this code to the end of your child theme functions.php file in Appearance ▸ Editor:
function custom_script() { ?> <script> (function($){ var button = $('<div class="avia-button-wrap av-m6cpztd3-7c60bd307536e2939b17d69a432c4593-wrap avia-button-center avia-builder-el-56 el_after_av_button avia-builder-el-last "><style type="text/css" data-created_by="avia_inline_auto" id="style-css-av-m6cpztd3-7c60bd307536e2939b17d69a432c4593">#top #wrap_all .avia-button.av-m6cpztd3-7c60bd307536e2939b17d69a432c4593{border-radius:20px 20px 20px 20px;transition:all 0.4s ease-in-out;}#top #wrap_all.avia-button.av-m6cpztd3-7c60bd307536e2939b17d69a432c4593:hover .avia_button_background{border-radius:20px 20px 20px 20px;}</style><a href="#" class="avia-button av-m6cpztd3-7c60bd307536e2939b17d69a432c4593 av-link-btn avia-icon_select-no avia-size-x-large avia-position-center avia-color-dark" title="Dashboard" aria-label="Dashboard"><span class="avia_iconbox_title">Dashboard</span></a></div>'); if ($("body").hasClass("woocommerce-cart") && $(".wp-block-woocommerce-empty-cart-block .wc-block-grid").hasClass("wp-block-woocommerce-product-new") == true) { $(button).appendTo('.wp-block-woocommerce-cart'); } else {} })(jQuery); </script> <?php } add_action( 'wp_footer', 'custom_script', 99 );Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Then adjust the button URL to suit.
Best regards,
MikeIn reply to: icon boxes not equal height multiple min-heights
Hey amandahook62,
Thank you for the inquiry.
You may need to apply unique class names to the other Icon Boxes in order to target them specifically. Please check the link below for more info:
// https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support
Once you’ve specified a unique class name (e.g., av-icon-box-height-large, av-icon-box-height-medium, av-icon-box-height-small), add the following css code using the new selector.
Example:
.av-icon-box-height-large .iconbox_content { min-height: 400px; } .av-icon-box-height-medium .iconbox_content { min-height: 300px; } .av-icon-box-height-small .iconbox_content { min-height: 200px; }Best regards,
IsmaelIn reply to: icon box size
Hi,
Thank you for the update.
When you set the columns in a row to have equal height, it will only affect the columns themselves, not the elements within them. To ensure icon boxes have the same height, apply the class name “av-icon-box-same-height” in the Advanced > Developer Settings > Custom CSS Class field, and then add this script to the functions.php file.
function ava_custom_script_here() { ?> <script> (function ($) { function setEqualHeight() { var maxHeight = 0; $('.av-icon-box-same-height .iconbox_content').css('height', 'auto'); $('.av-icon-box-same-height .iconbox_content').each(function () { var contentHeight = $(this).outerHeight(); if (contentHeight > maxHeight) { maxHeight = contentHeight; } }); $('.av-icon-box-same-height .iconbox_content').css('height', maxHeight + 'px'); } document.addEventListener('DOMContentLoaded', function () { setEqualHeight(); $(window).on('resize', function () { setEqualHeight(); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_here');Best regards,
IsmaelIn reply to: ICON BOX CSS in Enfold
Hey Aeroviews,
That text gets its size from the paragraph element, you can set that size for each screen size under Enfold->General Styling->Typography. Change the default content font size option.
If you want to use custom CSS instead, then you can use this selector:
.iconbox_content_container pBest regards,
RikardIn reply to: iconbox background color
i guess you are using the icon above the title option!
if your custom class is on iconbox Element itself – it will be on the parent element of the content – so:#top .custom-class .iconbox_content { background-color: #efefef; }I have a custom logo to insert into an IconBox icon. Can’t figure out how to add it and at what size. Thanks.
Hi,
Sorry for the confusion. I misread your previous post. We’ll forward this thread to our channel. In the meantime, if you simply want to remove the comma from the button label, you can try this script in the functions.php file:
function ava_custom_script_here() { ?> <script> (function ($) { function g() { $('.avia-button .avia_iconbox_title').each(function() { var text = $(this).text().replace(/,/g, ''); $(this).text(text); }); } $(document).ready(function () { g(); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_here');Best regards,
IsmaelIn reply to: Add button into header under Social Icons
well the hook : ava_main_header is just under the header_meta – it is the first child inside header_main.
Position is perfect. The rest is styling and positioning.you can create a widget area there – or insert directly just your button:
f.e.:function custom_func() { ?> <div class="spezial"><div class="avia-button-wrap avia-button-right"><a href="#" class="avia-button av-link-btn avia-icon_select-yes-left-icon avia-size-medium avia-position-center avia-color-theme-color"><span class="avia_button_icon avia_button_icon_left" aria-hidden="true" data-av_icon="" data-av_iconfont="fontelico"></span><span class="avia_iconbox_title">call to action …</span></a></div></div> <?php } add_action('ava_main_header' , 'custom_func');In reply to: back button to previous page
use that class: go-back-link for styling.
i have on some installations for posts/portfolio on top a goback button with this:
function go_back_button(){ ?> <script type = "text/javascript"> (function($){ $('<div class="avia-button-wrap avia-button-left goback"><a href="" class="avia-button av-icon-on-hover avia-color-theme-color avia-icon_select-yes-left-icon avia-size-small avia-position-center "><span class="avia_button_icon avia_button_icon_left " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">zurück</span></a></div>').prependTo('#top.single .post-entry:first'); $('.goback').on('click', function(e){ e.preventDefault(); window.history.back(); }); })(jQuery); </script> <?php } add_action( 'wp_footer', 'go_back_button' );the
window.history.back();can do the job too.
but you can place that manually be each button with that class custom-class : goback
then only use:function go_back_button(){ ?> <script type = "text/javascript"> (function($){ $('.goback').on('click', function(e){ e.preventDefault(); window.history.back(); }); })(jQuery); </script> <?php } add_action( 'wp_footer', 'go_back_button' );Hi, The arrows on my testimonial slidier are not looking correct. I have added some custom css for the iconbox icons and maybe that is why they are conflicting with the testimonials area…
Here is the icon code
/* Icon Size */
.iconbox_icon[data-av_icon]:before {
font-size: 50px!important;
}
.iconbox_icon {
margin-right:20px!important;
}.home #av_section_6 .container {
max-width: 100%;
padding: 0;
}.iconbox_top .iconbox_icon {
font-size: 60px!important;
text-align: center;
height: 60px;
width: 60px;
line-height: 56px;
top: -34px;
margin-left: -45px;
}I am trying to decrease the size of the circle (and icon) in the Icon Box. I was able to change the icon size by reviewing solutions for other support tickets. But the code I’m trying to use for circle size (from other support tickets) doesn’t seem to work . I’ve pasted below the Custom CSS classes I’m testing. Please take a look and let me know where my code is off. Thanks!
/*Iconbox change – icon size, color and background changed – see icon with yellow circle. Circle didn’t change*/
.acme-iconbox .iconbox_icon {
color:#f213f2;
background: #FFF387;
padding: 10px;
font-size: 20px!important;
}/*Iconbox change – Only colors changed – see icon with green circle. No change to icon or circle size.*/
.acme-small-iconbox .iconbox_icon {
width: 20px;
height: 20x;
line-height: 20px;
font-size: 15px;
color:#FF2768;
background: #1DC690;
}In reply to: avia button as circle
Hey Sebastian,
I tested with a medium sized button and this css:.my-custom-button, .my-custom-button a.avia-button { padding: 0; width: 100px; height: 100px; border-radius: 100px; line-height: 108px; } .my-custom-button .avia_iconbox_title { width: 72px; display: inline-block; line-height: 16px; }This was the result:
Please give this a try.Best regards,
MikeIn reply to: Colors
Hi,
Thank you for the info.
1.) You can set the Styling > Colors > Icon Colors to the second option (Define Custom Colors) to adjust the background and color of the icons in the Iconbox element.
2.) In the Enfold > General Styling panel, open the Main Content or Alternate Content tab and adjust the value of the Highlight Color field. This should adjust the color of the ampersands.
3.) You should be able to adjust the style of the heading elements in the Enfold > Advanced Styling panel.
Best regards,
IsmaelIn reply to: Read More Button in Icon Box
Hey steveorrmedia,
Thank you for the inquiry.
The Iconbox element does not have this option by default. However, you may achieve a similar effect by using the Content > Fold/Unfold option in the Text Block element. Simply add a Text Block element, set the Content > Fold/Unfold > Fold Behaviour settings to the second option and customize the options as needed.
Best regards,
IsmaelIn reply to: Comment fundtion on normal page doesn’t work
Hi Mike,
Morning.
But I cannot find the avia-post-nav on my quick CSS:
here is the code I have right now:
.entry-content blockquote {
margin: 1.5em 0em!important;
font-size: 137%!important;
color: rgb(58, 140, 174)!important;
font-style: italic!important;
background: #efefef!important;
padding: 1em!important;
text-align: left!important;
quotes: “\201C””\201D””\2018″”\2019”;
}.entry-content blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
.entry-content blockquote p {
display: inline;
}.footer_color {
border: none;
}/* Generated by Font Squirrel (//www.fontsquirrel.com) on April 15, 2015 */
@font-face {
font-family: ‘verbextralight’;
src: url(‘/webfonts/extralight-webfont.eot’);
src: url(‘/webfonts/extralight-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/extralight-webfont.woff2’) format(‘woff2’),
url(‘/webfonts/extralight-webfont.woff’) format(‘woff’),
url(‘/webfonts/extralight-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/extralight-webfont.svg#verbextralight’) format(‘svg’);
font-weight: normal;
font-style: normal;}
/*
@font-face {
font-family: ‘verbregular’;
src: url(‘/webfonts/regular-webfont.eot’);
src: url(‘/webfonts/regular-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/regular-webfont.woff2’) format(‘woff2’),
url(‘/webfonts/regular-webfont.woff’) format(‘woff’),
url(‘/webfonts/regular-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/regular-webfont.svg#verbregular’) format(‘svg’);
font-weight: normal;
font-style: normal;}
@font-face {
font-family: ‘verbsemibold’;
src: url(‘/webfonts/semibold-webfont.eot’);
src: url(‘/webfonts/semibold-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/semibold-webfont.woff2’) format(‘woff2’),
url(‘/webfonts/semibold-webfont.woff’) format(‘woff’),
url(‘/webfonts/semibold-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/semibold-webfont.svg#verbsemibold’) format(‘svg’);
font-weight: normal;
font-style: normal;}
@font-face {
font-family: ‘verbcondlight’;
src: url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.eot’);
src: url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.woff’) format(‘woff’),
url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.svg#verbcondlight’) format(‘svg’);
font-weight: normal;
font-style: normal;}*/
@font-face {
font-family: ‘verbcondregular’;
src: url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.eot’);
src: url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.woff’) format(‘woff’),
url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.svg#verbcondregular’) format(‘svg’);
font-weight: normal;
font-style: normal;}
@font-face {
font-family: ‘verbcondsemibold’;
src: url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.eot’);
src: url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.woff’) format(‘woff’),
url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.svg#verbcondsemibold’) format(‘svg’);
font-weight: normal;
font-style: normal;}
/*
html, body, div, p { font-family: ‘verbregular’; }
h1, h2, h3, h4, h5, h6, strong { font-family: ‘verbsemibold’; font-weight: normal;text-transform:none!important; }*/html, body, div, p { font-family: ‘verbcondregular’; }
h1, h2, h3, h4, h5, h6, strong { font-family: ‘verbcondsemibold’; font-weight: normal;text-transform:none!important; }.button-transition-blue {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}.button-transition-blue:hover {
background:#3a8cae!important;
}.big-thin {
font-size: 1.6em;
line-height:1.2em;
font-family:’verbextralight’;
color:white;
}.image-overlay {
visibility: hidden;
}#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
background: #f9a456!important;
border: 0px solid white;
}.big-thin span.av_font_icon.avia_animate_when_visible.av-icon-style-.avia-icon-pos-left.avia_start_animation.avia_start_delayed_animation {
padding-bottom: 100px;
}@media only screen and (max-width: 767px) {
.big-thin span.av_font_icon.avia_animate_when_visible.av-icon-style-.avia-icon-pos-left.avia_start_animation.avia_start_delayed_animation {
padding-bottom: 20px;
}
}.big-thin span.av-icon-char {
line-height: 1em!important;
margin-right: 10px;
}#top .av_header_transparency #header_meta {
border:none;
}div#content {border-color:transparent!important;}
#top .chatlio-widget textarea {
line-height: unset!important;
min-height: unset!important;
}/*this changes the width of the tabs */
.av-inner-tab-title {
width: 200px !important;
font-size: 13px !important;
font-weight: medium !important;
}/*this adjusts the tab arrow */
.av-tab-arrow-container {
width: 200px !important;
}/*this CSS styles the scroll down arrow */
#top .scroll-down-link {
/*color: #f9a456 !important; */
font-size: 150px;}
/* This styles the animated icon list on the PS page */
.card-container {
cursor: pointer;
height: 530px;
perspective: 600;
position: relative;
width: 100%;
margin-bottom: 25px ;
}.card {
height: 100%;
position: absolute;
border-radius: 6px;
transform-style: preserve-3d;
transition: all 1s ease-in-out;
width: 100%;
}.card:hover {
transform: rotateY(180deg);
}.card .side {
backface-visibility: hidden;
border-radius: 6px;
height: 530px;
position: absolute;
overflow: hidden;
width: 100%;
}.card .back {
padding: 20px;
background: #eaeaed;
color: #606a71;
line-height: 20px;
text-align: left;
transform: rotateY(180deg);
}/* the following css snippets adjust the icon list that is on the PS page */
.horizontal-icon-list ul.avia-icon-list li {
float: left;
clear: none;
width: 20%;
}.horizontal-icon-list .iconlist-timeline {
display: none;
}div.description {
position:absolute; /* absolute position (so we can position it where we want)*/
bottom:0px; /* position will be on bottom */
left:0px;
width:100%;
/* styling bellow */
background-color: #eaeaed;
color: #606a71;
}p.description_content{
padding:10px;
margin:0px;
font-size: 15px;
}@font-face {
font-family: ‘Font Awesome 5 Free’;
font-style: normal;
font-weight: 900;
font-display: auto;
src: url(“../webfonts/fa-solid-900.eot”);
src: url(“../webfonts/fa-solid-900.eot?#iefix”) format(“embedded-opentype”), url(“../webfonts/fa-solid-900.woff2”) format(“woff2”), url(“../webfonts/fa-solid-900.woff”) format(“woff”), url(“../webfonts/fa-solid-900.ttf”) format(“truetype”), url(“../webfonts/fa-solid-900.svg#fontawesome”) format(“svg”); }.fa,
.fas {
font-family: ‘Font Awesome 5 Free’;
font-weight: 900; }@media only screen and (max-width: 700px) {
.cta_text_block p {
line-height: 1.5em;
}}
@media only screen and (max-width: 700px) {
.section_heading h2 {
line-height: 1.5em;
}}
/* this targets the Learn More btn on the Tech services page */
.sleeknote-btn {
display: flex;
/*justify-content: space-around;*/
}/* this adjusts the padding on the Tech services page */
.custom-btn-slknte {
padding-right: 10px;
}/* This removes the comments from the blog */
.slide-content .slide-meta .slide-meta-comments a, .slide-content .slide-meta .slide-meta-del {
display: none;
}/* Centers the text on blog page */
.hero-blog-entry-center {
text-align: center;
}.hero-blog-entry-center .read-more-link {
display: block;
text-align: center;
margin: 30px auto 20px auto;
clear: both;
width: 150px;
border: none;
border-style: solid;
border-width: 2px;
border-color: #3a8cae;
padding: 10px 0;
border-radius: 5px;
}.hero-blog-entry-center .read-more-link .more-link-arrow {
display: none;
}.new-blog .av-masonry-entry .av-inner-masonry-content {
height: 158px;
}.logo-bg {
position: absolute;
top: 400px;
right: -400px;
opacity: 0.05;
z-index: -10;
transform: rotate(-30deg);
}/*—————————————-
// CSS – Content Slider style – 2
//————————————–*//* Slider Background */
#top .av-contentslider-style-2 {
margin: 20px 50px;
background: #ffffff;
}/* Arrow position */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 999;
}/* Right arrow*/
.av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls .next-slide {
right: -35px !important;
}
/* Arrow icon */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a.next-slide:before{
content:’\e875′;
}/* Left arrow */
.av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls .prev-slide {
left: -35px !important;
}
/* Arrow icon */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a.prev-slide:before{
content:’\e874′;
font-family: ‘entypo-fontello’;
}/* Common arrow styles */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a {
border-radius: 25px;
color:#fff;
font-weight: bolder;
font-size: 24px;
background: #f9a456;
width: 30px;
height: 30px;
}#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a:before {
background: transparent;
top:3px;
}/* Arrow hover style */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a:hover {
opacity: 1;
background: #fab677;
}.testimonial-cta {
background-color: rgba(255, 255, 255, 0.9);
}/* .testimonial-col {
height: 400px;
} *//* enfold social media icons fix */
.social_bookmarks_twitter a::before, .av-social-link-twitter a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_facebook a::before, .av-social-link-facebook a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_linkedin a::before, .av-social-link-linkedin a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_pinterest a::before, .av-social-link-pinterest a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_tumblr a::before, .av-social-link-tumblr a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_reddit a::before, .av-social-link-reddit a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_vk a::before, .av-social-link-vk a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_gplus a::before, .av-social-link-gplus a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_mail a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_dribble a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_youtube a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_instagram a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_vimeo a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}/* end enfold social media icons fix */
.standards-solutions-container {
display: flex;
justify-content: space-evenly;
}.standards-text-container {
width: 500px;
}.testimonial-container {
display: flex;
justify-content: space-evenly;
}.img-container-test {
}
.text-container-test {
width: 500px;
margin-right: -60px;
}.solutions-hover:hover {
-ms-transform: translate(0, -5px);
transform: translate(0, -5px);
transition: 0.3s ease-in-out;
cursor: pointer;
}.hero-ul-list {
width: 400px;
margin-bottom: 40px;
column-count: 2;
padding: 0;
}.hero-ul-list li {
line-height:1.5em;
float:left;
list-style-type: square;
}/* NEW EDIT */
h1.headerh1 {
position: absolute;
top: 100px;
z-index: 9999;
text-align: center;}
#product-feature .flex_column {
width: 40%;
}
/* CSS Code by Agus */@media all and (min-width:1025px){
.hero-content{
min-height:863px !Important;
}
}/*.home-heading h1{
font-family:’verbregular’ !important;
font-size:38px !important;
color:#fff !important;
text-align:center;
line-height:1.4em;
letter-spacing:-0.5px !Important;
margin-bottom:20px !important;
}*/.home-heading h1{
font-family:’verbcondregular’ !important;
font-size:38px !important;
color:#fff !important;
text-align:center;
line-height:1.4em;
letter-spacing:-0.5px !Important;
margin-bottom:20px !important;
}.home-heading span.orange,
.main-heading span.orange{color:#f69345 !important}.btn-product-tour span:before{
background:#fff !Important;
padding:9px;
border-radius:30px;
border:1px solid #fff !important;
color:#f69345 !important;
}.btn-product-tour:hover span:before{
border:1px solid #f69345 !important;
}.btn-product-tour .avia_iconbox_title{
margin-right:5px;
font-weight:600 !important;
}.hero-image img{
margin-top:-485px !important;
margin-bottom:-150px;
}.general-button span{
font-family: ‘Poppins600’ !important;
font-weight: 600 !important;
}.products .entry-content-wrapper{
max-width:1100px;
margin:0 auto;
}#products{
background: radial-gradient(50% 50% at 50% 50%, #3E91BA 0%, #1D62A0 100%), #2F799E;
}.main-heading h3{
font-family: ‘verbsemibold’ !important;
font-weight: 600 !important;
}/*.main-heading span.special_amp{
font-family:”verbregular” !Important;
font-size:1em !important;
font-style:normal !Important;
}*/.main-heading span.special_amp{
font-family:”verbcondregular” !Important;
font-size:1em !important;
font-style:normal !Important;
}.features{
height:400px !important;
background: rgba(255, 255, 255, 0.03);
backdrop-filter: blur(29px);
border-radius: 10px;
transition: all 0.2s ease-in-out;
border: 1px solid #5597bf;
}.features p{
margin-right:80px !important;
}.features:hover{
background:#fff !important;
}
.features:hover h2{
color:#f69345 !important;
}.features:hover h4{
color:#000 !important;
}
.features:hover p{
color:#4d4d4d !important;
}
.products .flex_column_table{
margin-top:70px !important;
}.content-slider{
overflow:visible !Important;
}.content-slider .avia-content-slider-inner{
max-width:1140px !Important;
margin:0 auto;
}.content-slider .slide-entry{
border-radius: 10px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #00000026;
padding:12px;
}.content-slider .slide-entry img{
border-radius:10px !Important;
}.content-slider .slide-entry h3{
font-family:Roboto, sans-serif !important;
color: #051728 !important;
font-size: 22px !important;
font-weight: 600;
line-height: 33px;
margin-top: 4px;
max-height:98px;
overflow:hidden;
}.content-slider a.more-link{
font-family: “Roboto”, Sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 19px;
padding: 0px 0px 0px 0px;
border-radius: 0px;
color: #458350;
margin-top: 5px;
}.content-slider .slide-content{
padding:10px !important;
}.content-slider .avia-content-slider-inner{
overflow:visible !Important;
}.content-slider .av_one_third,
.success-story .av_one_third{
margin-left: 3%;
width: 31.333333333333332%;
}.content-slider .av_one_third.first,
.success-story .av_one_third.first{
margin-left:0px !important;
}.content-slider .avia-slideshow-arrows a.next-slide{ right: -40px !important}
.content-slider .avia-slideshow-arrows a.prev-slide{ left: -40px !important}
.content-slider .avia-slideshow-arrows a.next-slide,
.content-slider .avia-slideshow-arrows a.prev-slide{
border-radius: 50px !important;
font-size: 16px !important;
height: 41px !important;
width: 41px !important;
}.content-slider .avia-slideshow-arrows a:before{
border-radius:50px !Important;
line-height: 41px !important;
background:#f69345 !Important;
color:#fff !Important;
border:1px solid #f69345;
}.content-slider .avia-slideshow-arrows a:hover:before{
background:#fff !important;
color:#f69345 !important;
}.content-slider .avia-slideshow-arrows a{
top:50% !important;
opacity:1 !important;
}.success-story h3{
display:none !Important;
}/*.success-story h2{
font-family:’verbregular’ !important;
color:#051728 !important;
line-height:1.4em !Important;
margin-top:0px !Important;
font-weight:600;
-webkit-font-smoothing:antialiased;
}*/
.success-story h2{
font-family:’verbcondregular’ !important;
color:#051728 !important;
line-height:1.4em !Important;
margin-top:0px !Important;
font-weight:600;
-webkit-font-smoothing:antialiased;
}.success-story p{
font-size:16px !important;
}.success-story a.read-more{
color: #458350;
font-family: “Vern font”, Sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 19px;
position:absolute;
bottom:17px;
}.success-story .slide-entry{
min-height:463px;
border-radius:10px;
padding:15px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #D9D9D9;
transition: background 0s, border 0s, border-radius 0s, box-shadow 0s !Important;}
.success-story .slide-entry-wrap{
padding:0px 20px;
margin:0 auto !Important;
}.success-story .avia-slideshow-arrows {
position: absolute !important;
width: 100% !important;
top: 50% !important;
left: 0;
height: 41px;
}.success-story .avia-slideshow-arrows a{
height:41px !Important;
width:41px !important;
line-height:41px !important
}.success-story .avia-slideshow-arrows a:before{
line-height:41px !important;
font-size:16px !important
}.success-story a:before{
border:none !Important
}.success-story a.prev-slide{
left:-40px;
}.success-story a.next-slide{
right:-40px !important;
}
.success-story a.prev-slide, .success-story a.next-slide{
min-width:41px !important;
border-radius:50px;
border:1px solid #f69345 !Important;
background:#f69345 !important;
color:#fff !important;
}.success-story a.prev-slide:hover, .success-story a.next-slide:hover{
background:#fff !important;
color:#f69345 !important;
opacity:1 !important;
}.home-subscribe{
background: rgb(255,255,255) !important;
background: linear-gradient(180deg, rgba(255,255,255,0) 75%, rgba(29,98,160,1) 75%) !important;
}.home-footer{
background: radial-gradient(50% 50% at 50% 50%, #3E91BA 0%, #1D62A0 100%), #2F799E;
}.home-footer img{
width:174px !Important;
}
.home-footer .avia-image-container{
text-align:left !important;
margin-bottom:20px;
}.home-footer p{
font-size:16px;
color:#BED3E4;
padding-right:100px;
}.home-footer h3{
font-size:20px !important;
color:#ffffff !important;
margin-bottom:20px !important;
}/*.home-footer h5{
font-family:”verbregular” !Important;
font-size:16px !important;
color:#ffffff !important;
margin-bottom:20px !important;
}.home-footer h6{
font-family:”verbregular” !Important;
font-size:14px !important;
color:#ffffff !important;
}*/.home-footer h5{
font-family:”verbcondregular” !Important;
font-size:16px !important;
color:#ffffff !important;
margin-bottom:20px !important;
}.home-footer h6{
font-family:”verbcondregular” !Important;
font-size:14px !important;
color:#ffffff !important;
}.home-footer li{border-width:0px !Important}
.home-footer li a{font-size:14px !important;color:#D8E9F1 !Important;padding:5px 0px !important;line-height:1.5em !Important}.home-footer li a:hover{background:transparent !Important;color:#D8E9F196 !important}
.home-footer .av-share-box ul li a{
width:38px !Important;
height:38px !important;
margin-right:12px;
padding-top: 10px !important;
background: #f69345 !important;
}.home-footer .av-share-box ul li:hover a{
margin-top:-10px !important;
}.home-copyright{
border-top:1px solid #fff !Important;
padding-top:25px;
}.home-footer .template-page{
padding-bottom:20px !Important;
}@media all and (max-width:1024px){
.features p{margin-right:0px !important}
.avia-section-huge .content{padding-top:60px !important;padding-bottom:60px !Important}
.main-heading{margin-bottom:20px !Important;padding-bottom:0px !Important}
.home-footer p{padding-right:50px !Important}
.hero-content{min-height:720px !Important}
}
@media all and (max-width:767px){
.home-heading h1{font-size:32px !important;line-height:1.2em !Important;}
.hero-content{padding:40px 25px 25px 25px !important}
.hero-image img{margin-top:-185px !important}
.hero-content{min-height:auto !Important}
.infographic{padding:0px !important}
#domain-expertise .av_one_half,
#professional-services .av_one_half,
#innovative-software .av_one_half{padding:0px !Important}
.products .av_one_half{padding:25px !important}
.products .first{margin-bottom:85px !Important;overflow:hidden;}
.home-subscribe {
background: rgb(255,255,255) !important;
background: linear-gradient(180deg, rgba(255,255,255,0) 85%, rgba(29,98,160,1) 85%) !important;
}
}In reply to: Sticky close button in a page
Hey Stilecatalini,
Thanks for your patience and the link to your site, I see your sticky close button at the bottom of your page, but it links to the homepage “Barche” section, so this is more like a “back” button than a “close” button.
Nonetheless to add this button to your three pages venticinque, venticinque-panoramica, ventuno-sport-fisherman and have it hide on scroll down and show on scroll up, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_back_button() { ?> <script> (function($){ var button = $('<div class="avia-button-wrap avia-button-right back-button"><a href="https://www.stilecatalini.it/#barche" class="avia-button avia-icon_select-yes-left-icon avia-size-large avia-position-center av-button-notext avia-color-light avia-font-color-white"><span class="avia_button_icon avia_button_icon_left" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title"></span><span class="avia_button_background avia-button avia-color-theme-color"></span></a></div>'); if ($("body").hasClass("page-id-738") || $("body").hasClass("page-id-5837") || $("body").hasClass("page-id-5667") == true) { $(button).prependTo('#wrap_all'); } else {} })(jQuery); (function() { var doc = document.documentElement; var w = window; var prevScroll = w.scrollY || doc.scrollTop; var curScroll; var direction = 0; var prevDirection = 0; var backButton = document.querySelector('.back-button'); var checkScroll = function() { curScroll = w.scrollY || doc.scrollTop; if (curScroll > prevScroll) { direction = 2; } else if (curScroll < prevScroll) { direction = 1; } if (direction !== prevDirection) { toggleButton(direction, curScroll); } prevScroll = curScroll; }; var toggleButton = function(direction, curScroll) { if (direction === 2) { backButton.style.opacity=0; prevDirection = direction; } else if (direction === 1) { backButton.style.opacity=1; prevDirection = direction; } }; window.addEventListener('scroll', checkScroll); } )(); </script> <?php } add_action('wp_footer', 'custom_back_button');and this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.back-button { position: fixed; top: 1%; right: 1%; z-index: 999; background-color: transparent; }Best regards,
MikeIn reply to: Make button h1/h2 etc
these are custom classes to set by yourself: is-h1; is-h2 etc. because you can remember that better than other classnames.
so that snippet:function replace_tags_with_tags(){ ?> <script> (function($) { function replaceElementTag(targetSelector, newTagString) { $(targetSelector).each(function(){ var newElem = $(newTagString, {html: $(this).html()}); $.each(this.attributes, function() { newElem.attr(this.name, this.value); }); $(this).replaceWith(newElem); }); } // f.e.: custom-class expresses the h-tag you like to get replaceElementTag('.avia-button-wrap.is-h1 .avia-button .avia_iconbox_title', '<h1></h1>'); replaceElementTag('.avia-button-wrap.is-h2 .avia-button .avia_iconbox_title', '<h2></h2>'); replaceElementTag('.avia-button-wrap.is-h3 .avia-button .avia_iconbox_title', '<h3></h3>'); replaceElementTag('.avia-button-wrap.is-h4 .avia-button .avia_iconbox_title', '<h4></h4>'); }(jQuery)); </script> <?php } add_action('wp_footer', 'replace_tags_with_tags');will only work if you think of to set that custom class to that button
________
the script for the button-row to have unique ids on the buttons inside a button row is just to select easily those buttons.
Otherwise you had to work with something like this: .avia-button:nth-of-type(2) etc.so if you got an ID on a button-row abc – the first button of that row will have the ID: abc-button1 etc.
then you can add a new line to the script above:replaceElementTag('#abc-button1 .avia_iconbox_title', '<h1></h1>'); replaceElementTag('#abc-button2 .avia_iconbox_title', '<h2></h2>'); replaceElementTag('#abc-button3 .avia_iconbox_title', '<h3></h3>');I don’t think it makes sense for buttons and certainly not for a button row; but if you want it, I’ll show you how to force it ;)
see again a button row with all the codes here: https://webers-testseite.de/buttonrow/
In reply to: customize buttons as h1, h2, h3…
The will is man’s heavenly kingdom.
you can do that by child-theme functions.php snippet:
function replace_tags_with_tags(){ ?> <script> (function($) { function replaceElementTag(targetSelector, newTagString) { $(targetSelector).each(function(){ var newElem = $(newTagString, {html: $(this).html()}); $.each(this.attributes, function() { newElem.attr(this.name, this.value); }); $(this).replaceWith(newElem); }); } replaceElementTag('.avia-button-wrap .avia-button.avia-size-x-large .avia_iconbox_title', '<h4></h4>'); }(jQuery)); </script> <?php } add_action('wp_footer', 'replace_tags_with_tags');you see how it works: all extra large buttons text will be surrounded by h4 tags then.
to show these h-tags besides the icons – as before you had to set:#top .avia-button .avia_iconbox_title { display: inline-block; }and btw: anchors are inline elements – you can wrap other inline elements ( without other anchor tags ) – so if you set the h-tag to show inline-block this is even html valide ;)
if you only want to replace specific button text : give a custom class to that button – this class will be on the wrapper – so :
function replace_tags_with_tags(){ ?> <script> (function($) { function replaceElementTag(targetSelector, newTagString) { $(targetSelector).each(function(){ var newElem = $(newTagString, {html: $(this).html()}); $.each(this.attributes, function() { newElem.attr(this.name, this.value); }); $(this).replaceWith(newElem); }); } // f.e.: custom-class expresses the h-tag you like to get replaceElementTag('.avia-button-wrap.is-h1 .avia-button .avia_iconbox_title', '<h1></h1>'); replaceElementTag('.avia-button-wrap.is-h2 .avia-button .avia_iconbox_title', '<h2></h2>'); replaceElementTag('.avia-button-wrap.is-h3 .avia-button .avia_iconbox_title', '<h3></h3>'); replaceElementTag('.avia-button-wrap.is-h4 .avia-button .avia_iconbox_title', '<h4></h4>'); }(jQuery)); </script> <?php } add_action('wp_footer', 'replace_tags_with_tags');Or is it the other way round: that a headline tag looks like a button?
In reply to: Sticky Button on the right
Hey Anna_Tewes,
Perhaps a button like this:
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ var button = $('<div id="customButton" class="avia-button-wrap av-lfo8bepl-f0ac6d7c934e9f180b74755360f479e5-wrap avia-button-center avia-builder-el-0 avia-builder-el-no-sibling "><a href="" class="avia-button avia-icon_select-no avia-size-medium avia-position-center avia-color-dark"><span class="avia_iconbox_title">Overview</span></a></div>'); $(button).prependTo('body'); })(jQuery); }); </script> <?php } add_action('wp_footer', 'custom_script');and add this css at Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#customButton { position: fixed; top: 7%; right: 12%; z-index: 503; }If you need any help adjusting for your site please include an admin login in the Private Content area so we can be of more assistance.
Best regards,
MikeIn reply to: same height for all the symbol boxex
Hi Franz,
I apologize for the delayed response.
Please remove the code I gave, then edit the Color Section where those iconboxes where placed.
1. Go to Advanced > Developer Settings > Custom CSS Class and put equal-height-column and save.
2. Go to Enfold > General Styling > Quick CSS and add this CSS code:#top .equal-height-column .entry-content-wrapper { display: flex; } #top .equal-height-column .entry-content-wrapper .iconbox { display: flex; min-height: 100%; } @media only screen and (max-width:479px) { #top .equal-height-column .entry-content-wrapper { flex-direction: column; } }This should result in those 3 columns in the same height for all devices except for the mobile phone (portrait) where iconboxes will be using 1 column.
If you need to use the same layout on other pages (or the same page), just do Step #1 to other Color Sections (assuming it’s the same layout).
Hope this helps.Best regards,
NikkoIn reply to: Pop up is jumping to top of page
Hello,
Thank you all for your answers! I have used those codes in functions.php and it just won’t work. When I put this code:
beforeShow: function(){
$(“body”).css({‘overflow-y’:’hidden’});
},
afterClose: function(){
$(“body”).css({‘overflow-y’:’visible’});
}
I get error message: syntax error, unexpected ‘(‘, expecting variable (T_VARIABLE) or ‘{‘ or ‘$’I used a text block and the code, used for this pop up is:
<div class=”avia-button-wrap avia-button-center avia-builder-el-44 el_after_av_hr avia-builder-el-last “><span class=”avia_iconbox_title”>Želim se naročiti</span></div>
<div class=”fancybox-hidden” style=”display: none; text-align: center;”>
<div id=”contact_form_pop2″>[contact-form-7 id=”1536″ title=”Contact – Medicinska estetika”]</div>
</div>
There is no other third party plugin for this popup, just contact form 7. Is there a way we can solve this here? This is better support than contact form 7 has got. You can log in the website.For TikTok, I hoped it would be more simple. Do you maybe plan to integrate TikTok in the newer version of enfold theme? So it won’t need a custom icon and a bunch of code.
Thanks again for all your answers, I appreciate them all.
Best Regards, LovrovHey Thomas,
Thanks for your question, I don’t see that we have a documented list of all frontend CSS & JS files, but I created this list by disabling CSS & JS Merging And Compression and setting Template Builder Elements to Always load all elements in Enfold Theme Options ▸ Performance ▸ Website Performance And Optimization and then checked my demo site frontend source code.
This gave me 121 items, including the LayerSlider and some WordPress items.<link rel='stylesheet' id='avia-grid-css' href='/wp-content/themes/enfold/css/grid.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-base-css' href='/wp-content/themes/enfold/css/base.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-layout-css' href='/wp-content/themes/enfold/css/layout.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-audioplayer-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/audio-player/audio-player.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-blog-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/blog/blog.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-postslider-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/postslider/postslider.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-button-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttons/buttons.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-buttonrow-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttonrow/buttonrow.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-button-fullwidth-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttons_fullwidth/buttons_fullwidth.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-catalogue-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/catalogue/catalogue.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-comments-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/comments/comments.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-contact-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/contact/contact.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-slideshow-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-slideshow-contentpartner-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/contentslider/contentslider.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-countdown-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/countdown/countdown.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-gallery-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/gallery/gallery.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-gallery-hor-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-maps-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/google_maps/google_maps.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-gridrow-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/grid_row/grid_row.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-heading-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/heading/heading.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-rotator-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/headline_rotator/headline_rotator.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-hr-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/hr/hr.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-icon-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/icon/icon.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-icon-circles-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/icon_circles/icon_circles.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-iconbox-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/iconbox/iconbox.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-icongrid-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/icongrid/icongrid.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-iconlist-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/iconlist/iconlist.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-image-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/image/image.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-hotspot-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/image_hotspots/image_hotspots.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-magazine-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/magazine/magazine.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-masonry-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-siteloader-css' href='/wp-content/themes/enfold/css/avia-snippet-site-preloader.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-menu-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/menu/menu.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-notification-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/notification/notification.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-numbers-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/numbers/numbers.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-portfolio-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/portfolio/portfolio.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-post-metadata-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/post_metadata/post_metadata.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-progress-bar-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/progressbar/progressbar.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-promobox-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/promobox/promobox.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-sc-search-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/search/search.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-slideshow-accordion-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_accordion/slideshow_accordion.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-slideshow-feature-image-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_feature_image/slideshow_feature_image.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-slideshow-fullsize-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_fullsize/slideshow_fullsize.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-slideshow-fullscreen-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_fullscreen/slideshow_fullscreen.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-slideshow-ls-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-social-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/social_share/social_share.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-tabsection-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/tab_section/tab_section.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-table-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/table/table.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-tabs-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/tabs/tabs.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-team-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/team/team.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-testimonials-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/testimonials/testimonials.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-timeline-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/timeline/timeline.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-toggles-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/toggles/toggles.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-module-video-css' href='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/video/video.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='dashicons-css' href='/wp-includes/css/dashicons.min.css?ver=6.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='admin-bar-css' href='/wp-includes/css/admin-bar.min.css?ver=6.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='layerslider-front-css' href='/wp-content/themes/enfold/config-layerslider/LayerSlider/assets/static/public/front.css?ver=7.6.7' type='text/css' media='all' /> <link rel='stylesheet' id='layerslider-css' href='/wp-content/themes/enfold/config-layerslider/LayerSlider/assets/static/layerslider/css/layerslider.css?ver=7.6.7' type='text/css' media='all' /> <link rel='stylesheet' id='wp-block-library-css' href='/wp-includes/css/dist/block-library/style.min.css?ver=6.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-scs-css' href='/wp-content/themes/enfold/css/shortcodes.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-popup-css-css' href='/wp-content/themes/enfold/js/aviapopup/magnific-popup.min.css?ver=5.3.1.1' type='text/css' media='screen' /> <link rel='stylesheet' id='avia-lightbox-css' href='/wp-content/themes/enfold/css/avia-snippet-lightbox.css?ver=5.3.1.1' type='text/css' media='screen' /> <link rel='stylesheet' id='avia-widget-css-css' href='/wp-content/themes/enfold/css/avia-snippet-widget.css?ver=5.3.1.1' type='text/css' media='screen' /> <link rel='stylesheet' id='avia-dynamic-css' href='/wp-content/uploads/dynamic_avia/enfold_child.css?ver=63bad66d43ca1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-custom-css' href='/wp-content/themes/enfold/css/custom.css?ver=5.3.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='avia-style-css' href='/wp-content/themes/enfold-child/style.css?ver=5.3.1.1' type='text/css' media='all' /> <script type='text/javascript' src='/wp-includes/js/jquery/jquery.min.js?ver=3.6.1' id='jquery-core-js'></script> <script type='text/javascript' src='/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/js/avia-compat.js?ver=5.3.1.1' id='avia-compat-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/js/waypoints/waypoints.min.js?ver=5.3.1.1' id='avia-waypoints-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/js/avia.js?ver=5.3.1.1' id='avia-default-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/js/shortcodes.js?ver=5.3.1.1' id='avia-shortcodes-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/audio-player/audio-player.js?ver=5.3.1.1' id='avia-module-audioplayer-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/chart/chart-js.min.js?ver=5.3.1.1' id='avia-module-chart-js-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/chart/chart.js?ver=5.3.1.1' id='avia-module-chart-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/contact/contact.js?ver=5.3.1.1' id='avia-module-contact-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow.js?ver=5.3.1.1' id='avia-module-slideshow-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/countdown/countdown.js?ver=5.3.1.1' id='avia-module-countdown-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/gallery/gallery.js?ver=5.3.1.1' id='avia-module-gallery-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.js?ver=5.3.1.1' id='avia-module-gallery-hor-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/headline_rotator/headline_rotator.js?ver=5.3.1.1' id='avia-module-rotator-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/icon_circles/icon_circles.js?ver=5.3.1.1' id='avia-module-icon-circles-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/icongrid/icongrid.js?ver=5.3.1.1' id='avia-module-icongrid-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/iconlist/iconlist.js?ver=5.3.1.1' id='avia-module-iconlist-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/image_hotspots/image_hotspots.js?ver=5.3.1.1' id='avia-module-hotspot-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/magazine/magazine.js?ver=5.3.1.1' id='avia-module-magazine-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/portfolio/isotope.min.js?ver=5.3.1.1' id='avia-module-isotope-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.js?ver=5.3.1.1' id='avia-module-masonry-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/menu/menu.js?ver=5.3.1.1' id='avia-module-menu-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/notification/notification.js?ver=5.3.1.1' id='avia-module-notification-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/numbers/numbers.js?ver=5.3.1.1' id='avia-module-numbers-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/portfolio/portfolio.js?ver=5.3.1.1' id='avia-module-portfolio-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/progressbar/progressbar.js?ver=5.3.1.1' id='avia-module-progress-bar-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow-video.js?ver=5.3.1.1' id='avia-module-slideshow-video-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_accordion/slideshow_accordion.js?ver=5.3.1.1' id='avia-module-slideshow-accordion-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_fullscreen/slideshow_fullscreen.js?ver=5.3.1.1' id='avia-module-slideshow-fullscreen-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.js?ver=5.3.1.1' id='avia-module-slideshow-ls-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/tab_section/tab_section.js?ver=5.3.1.1' id='avia-module-tabsection-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/tabs/tabs.js?ver=5.3.1.1' id='avia-module-tabs-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/testimonials/testimonials.js?ver=5.3.1.1' id='avia-module-testimonials-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/timeline/timeline.js?ver=5.3.1.1' id='avia-module-timeline-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/toggles/toggles.js?ver=5.3.1.1' id='avia-module-toggles-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/video/video.js?ver=5.3.1.1' id='avia-module-video-js'></script> <script type='text/javascript' src='/wp-includes/js/hoverintent-js.min.js?ver=2.2.1' id='hoverintent-js-js'></script> <script type='text/javascript' src='/wp-includes/js/admin-bar.min.js?ver=6.1.1' id='admin-bar-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/js/avia-snippet-hamburger-menu.js?ver=5.3.1.1' id='avia-hamburger-menu-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/js/avia-snippet-parallax.js?ver=5.3.1.1' id='avia-parallax-support-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/js/aviapopup/jquery.magnific-popup.min.js?ver=5.3.1.1' id='avia-popup-js-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/js/avia-snippet-lightbox.js?ver=5.3.1.1' id='avia-lightbox-activation-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/js/avia-snippet-sticky-header.js?ver=5.3.1.1' id='avia-sticky-header-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/js/avia-snippet-footer-effects.js?ver=5.3.1.1' id='avia-footer-effects-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/js/avia-snippet-widget.js?ver=5.3.1.1' id='avia-widget-js-js'></script> <script type='text/javascript' src='/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.9' id='regenerator-runtime-js'></script> <script type='text/javascript' src='/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0' id='wp-polyfill-js'></script> <script type='text/javascript' src='/wp-includes/js/dist/hooks.min.js?ver=4169d3cf8e8d95a3d6d5' id='wp-hooks-js'></script> <script type='text/javascript' src='/wp-includes/js/dist/i18n.min.js?ver=9e794f35a71bb98672ae' id='wp-i18n-js'></script> <script type='text/javascript' src='/wp-includes/js/dist/url.min.js?ver=bb0ef862199bcae73aa7' id='wp-url-js'></script> <script type='text/javascript' src='/wp-includes/js/dist/api-fetch.min.js?ver=bc0029ca2c943aec5311' id='wp-api-fetch-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-layerslider/LayerSlider/assets/static/layerslider/js/layerslider.utils.js?ver=7.6.7' id='layerslider-utils-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-layerslider/LayerSlider/assets/static/layerslider/js/layerslider.kreaturamedia.jquery.js?ver=7.6.7' id='layerslider-js'></script> <script type='text/javascript' src='/wp-content/themes/enfold/config-layerslider/LayerSlider/assets/static/layerslider/js/layerslider.transitions.js?ver=7.6.7' id='layerslider-transitions-js'></script>I hope this helps you.
Best regards,
Mike
