Viewing 30 results - 31 through 60 (of 7,436 total)
  • Author
    Search Results
  • #1480611

    In reply to: Sticky element

    Hi,

    Thank you for the update.

    Instead of placing the search widget inside a Color Section, try inserting it directly into the header using a widget or widget area. Please refer to this documentation for more info.

    https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

    This is the html of the search element, which can be placed inside a Text widget: https://pastebin.com/K8x7qu9g

    Best regards,
    Ismael

    Marc Bijl
    Participant

    When I change the css file of my child theme, these changes do not show up at the website.

    After searching long, long time, it seems my website loads an old version of the css file. In the source code I see this one being loaded:
    /wp-content/themes/enfold-child/style.css?ver=7.1

    The content of this file, when viewed through the browser, is not the same as the file I’m editing through ftp and a code editor at:
    /wp-content/themes/enfold-child/style.css

    I’ve been trying hard to find out how to load the right css. For example I’ve deleled browser caches, turned off caching plugin, and also set Enfold Performance settings at:

    – Turn off css compression/merging
    – Turn on delete old css and js files

    Nothing seemed to help. Finally asked chatgpt which said:

    “It seems that the ?ver=7.1 in the URL of your style.css file is added to indicate the version of the file, which is usually done for caching purposes. If you want the CSS to load without the version parameter, there are several ways to do this, depending on how the version parameter is added. Here are a few possible solutions:”

    One of the solutions was adding this code:

    function custom_enqueue_styles() {
        wp_enqueue_style( 'enfold-child-style', get_stylesheet_directory_uri() . '/style.css', array(), false, 'all' );
    }
    add_action( 'wp_enqueue_scripts', 'custom_enqueue_styles' );

    That seems to do the trick!

    What is happening here?
    How can I get this fixed without adding the extra code?

    Using Google, I see quite some people having issues withc css changes not being visible due to Enfold settings.

    Please let me know how all his stuff works, and how I can turn it off or set it in such a way that it just works?

    #1480193
    comkapi
    Participant

    Hello,
    the MCE icon tool (in the shape of a magic wand) to insert a shortcode in text element no longer appears in my custom layout.
    i use it to display ACF custom fields data, like in documentation.

    With console i see a JS error in admin, I searched and it comes from the fact that the shortcode use the field label of ACF but it’s the field name which is given now, example for a company name :
    previously with field name : {acf_field_6745a0c4478f3:Nom_entreprise}
    today with field label instead : {acf_field_6745a0c4478f3:Nom de l’entreprise}
    And in French the apostrophe in the label value of the field brakes some Avia js array and prevents the display of the MCE icon tool …

    i fixed it by removing apostrophe in the ACF label field
    This appears to be due to a recent update, but is it an Enfold update or an ACF update? i don’t know

    Maybe it can help others

    Regards

    #1480107

    but you do not want to combine those things mentioned on the other post?

    see f.e.: https://enfold.webers-webdesign.de/impressum/
    see text logo above , when you switch to other posts/pages

    function use_text_logo_only($logo){
        $link = apply_filters( 'avf_logo_link', home_url( '/' ) );
        $logo_tag = "h1";
        $logo_heading = "Webers Webdesign";
        $alt = get_bloginfo( 'name' );    
        $title = get_bloginfo( 'name' );
        $page_title = get_the_title();
    
    if(is_search()){
    	$logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>'  .$logo_heading.' - Suchergebnisse</'.$logo_tag.'></a>';
    }
    elseif(is_front_page()){
    	$logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>'  .$logo_heading.'</'.$logo_tag.'></a>';
    }
    else{
    	$logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>'  .$logo_heading.' - '.$page_title.'</'.$logo_tag.'></a>';
    }
    return $logo;
    }
    add_filter('avf_logo_final_output','use_text_logo_only');
    #top .logo.text-logo  {
      display: flex;
      justify-content: left;
      align-items: center;
      width: auto;
    }
    
    #top .logo.text-logo h1  {
      margin: 0 !important;
      font-size: 30px;
    }
    #1479994

    Hello Mike, Site isn’t live as it is in a staging environment. I use the Enfold DJ Demo as a foundation and the normal masonry gallery without any CSS tweaks. Excerpt text of masonry gallery is always inside the thumbnail, I’m just searching for a global Enfold-Solution to put it below the thumbnail.

    #1479986

    In reply to: Sticky element

    Hey sitadi,
    The login to the live site is not working, but for the test site the search is sticky but seems to be in the wrong position when the header when it shrinks,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #header.header-scrolled ~ #main #av_section_1 .avia_search_element {
    top: -64px;
    position: relative;
    }
    #header ~ #main #av_section_1 .avia_search_element {
    top: -30px;
    position: relative;
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1479662
    CaptOM89
    Participant

    In the Avia Layout Builder, I’m using the Table Content Element on a page. On the Styling tab, I’ve selected Use the table as a Pricing Table + Default + Show empty cells. At this point, the table has a Heading Row at the top, followed by two Default Rows, with two columns.

    When viewed, the Heading Row has a red background with white letters.

    My question is, how are the colors (background, text) of the Heading Row controlled? Is there any way to adjust those colors, perhaps in the Enfold theme options? Or . . .?

    While I’m at it, I searched for documentation for how to use the Table Content Element in the Enfold documentation. Couldn’t find anything. Is there any such “how to” documentation?

    Thanks! Lance

    #1479637

    Hi Rikard,

    Strange that the Enfold 7.1 update changed the search icon from white to grey. Your fix worked. Can you please close the thread? Thank you!

    #1479482
    cgw3
    Participant

    I wondered if you might be able to help with a small issue following your switch to SVG for several of the elements in v7 and v7.1 please.

    I use my own custom to set the colours and have had no issues with the Search, Return to Top and Shop Cart until v7 updates to SVG, I found another post where you gave the css for the Search icon and I found the Return to Top CSS I needed but I am not having as much luck with the Shop Cart.
    Would it be possible for you to post the css you are using with the updated Shop Cart please.

    Also out of interest are there any other functions you have switched to SVG now that I might have missed?

    Thank you ever so much.

    mediaapps
    Participant

    Is there a noindex nofollow for a page setting in the Enfold theme?

    Sometimes I publish pages so my collaborators can see them but I do not want them to be indexed by search engines. Is there a setting within the Enfold theme itself for this or is it a WordPress setting?

    #1479366

    Hi Rikard,

    Did you have a chance to read my message above. Can you please help me to get my search icon back to the way it was before upgrading to Enfold 7.1, with a white search icon with grey text in the search box? I want to correct this issue without custom css. Thank you.

    #1479245

    Hey classywebsites,

    Thanks for the login details. The search icon gets its colour from Enfold->General Styling->Logo Area->Logo Area Secondary Font Color, you can change the colour there. If you want to set the colour using your own CSS, then please use this in Quick CSS:

    .header_color .main_menu ul:first-child > li > a svg:first-child {
      stroke: #fff;
      fill: #fff;
    }

    Best regards,
    Rikard

    #1479233
    classywebsites
    Participant

    After updating up to Enfold 7.1, the search icon on the main menu on desktop and mobile turned grey. It used to be white, like the white text on the main menu on desktop and the white menu icon on mobile.
    I tried resetting Performance in theme options, flushing cache, flushing browser cache and deactivating all plugins.
    Please see the staging site with the Enfold 7.1 problems and the live site with Enfold 6.0.9 without problems in the Private Content below.
    Can you please help? Thank you.

    #1479181
    Paolo
    Participant

    Hello, we’ve noticed an issue across multiple websites we’ve developed using the Enfold theme. Specifically, in Google search results, instead of showing the correct site name, Google often displays the domain name as the site title.

    This happens regardless of the SEO plugin used (Yoast SEO, SEOPress, Rank Math, etc.), which suggests the issue might be related to Enfold itself. We have already:
    • Set the correct SEO title in the homepage settings.
    • Implemented structured data with WebSite schema defining the correct site name.
    • Checked Google Search Console for any overriding settings.
    • Requested reindexing, but the issue persists.

    Could this behavior be caused by Enfold? Is there a specific setting or modification required in the theme to ensure Google picks up the correct site name?

    Thank you in advance for your help!

    GWS
    Participant

    We are having trouble with search icons displaying correctly since updating to the Enfold 7. I found the article on the SVG search icon, https://kriesi.at/support/topic/svg-search-icon-in-top-menu-after-update-enfold-7/ and that helped with the issue we were having with the icon ‘disappearing’ from the nav bar. However, we have a search widget area on the home page of the website that is no longer displaying correctly. The custom search icon (a .png) is no longer showing and has been automatically replaced by the SVG icon. That icon is now floating off to the right and is completely out of place in the widget area. I’ve attached a link to a screenshot of what it is supposed to look like and the website URL is in the private content as well. Your advice is appreciated. Thank you.

    #1478832

    Hey Katja,

    Thank you for the inquiry.

    Please add this css code to adjust the color of the active mobile menu items and the search icon:

    .html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover {
        color: #000000;
    }
    
    .header_color .main_menu ul:first-child > #menu-item-search > a svg:first-child {
        stroke: #fff;
        fill: #fff;
    }
    

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings.

    Best regards,
    Ismael

    #1478700

    Hey Olivier SIA09,
    We would need a admin login to examine, but I believe that if you examine this new filter for v7.0 and adjust it should work
    This filter changes the search icon:

    add_filter('avf_default_icons','avia_replace_standard_icon', 10, 1);
    function avia_replace_standard_icon($icons)
    {
    $icons['svg__search']	 = array( 'font' =>'svg_entypo-fontello', 'icon' => 'leaf');
    return $icons;
    }

    also note that the new built-in, svg icons are using “words” instead of the charter codes, if you hover over the icons in the icons element the title will show you the “words” if you have uploaded your own fontello icons use your charter codes
    You can see the list here: /enfold/includes/config-enfold/init-base-data.php
    Screen Shot 2025 03 05 at 4.06.41 PM
    these are the social icons:
    Screen Shot 2025 03 05 at 4.10.02 PM

    Best regards,
    Mike

    #1478663
    Olivier SIA09
    Participant

    Hello,
    Since update 7.0 SVG icons problem
    With previous versions of Enfold, I replaced the default icons of Enfold like the magnifying glass, the basket, the social icons, back to top and others according to the several different sites that I have under Enfold.
    Now that these icons are called in SVG automatically it does not work anymore.
    I used a solution found on your documentation or support.
    With the functions.php and the avf_default_icons filter.
    Example : $icons[‘search’] = array( ‘font’ =>’flaticon’, ‘icon’ => ‘uf163’);
    Would it be possible to disable SVG icons?
    Do you have another solution?
    Kind regards,

    #1478642

    In reply to: Theme update

    Hey Jean,

    Thank you for the inquiry.

    Did you generate a private token? Please try to generate the token again and make sure that the required permissions are enabled.

    — View and search Envato sites (checked by default) (Required)
    — View the user’s Envato Account username
    — View the user’s email address
    — View the user’s account profile details
    — Download the user’s purchased items (Required)
    — Verify purchases of the user’s items
    — List purchases the user has made (Required)

    Please review this doc for more info: https://kriesi.at/documentation/enfold/theme-registration/#toggle-id-5

    Best regards,
    Ismael

    #1478614

    Hey chrickel,

    Thank you for the inquiry.

    Please add this code in the Quick CSS field:

    #top .menu-item-search-dropdown > a.avia-svg-icon svg:first-child, #top .menu-item-search-dropdown > a.avia-svg-icon img[is-svg-img="true"] {
        width: auto;
        height: 1em;
        position: relative;
        z-index: 1;
        stroke: var(--enfold-header-color-color);
        fill: var(--enfold-header-color-color);
    }

    Best regards,
    Ismael

    #1478560
    chrickel
    Participant

    Since the update to Enfold 7 (i guess), the (fontello) svg-icon that displays the search in the top main menu (desktop view) is no longer visible (Enfold Theme Options ▸ Main Menu ▸ General ▸ Append search icon to main menu) The link works, only the magnifying glass icon is not displayed.
    Do you have an idea?
    Thanks!

    ceesenco
    Participant

    After updating to Enfold 7.0 the webserver is going down.
    If I check the full processlist of the database I see a hunderds of this queries causing a high load.

    SELECT post_id, meta_value FROM cc_postmeta WHERE meta_key = '_wp_attached_file' AND meta_value = '/home/domain.be/web/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/svg_entypo-fontello/svg/basket.svg'

    SELECT post_id, meta_value FROM cc_postmeta WHERE meta_key = '_wp_attached_file' AND meta_value = '/home/domain.be/web/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/svg_entypo-fontello/svg/search.svg'

    • This topic was modified 3 months, 3 weeks ago by ceesenco.
    • This topic was modified 3 months, 3 weeks ago by ceesenco.
    #1478545

    Hola Ismael

    1/ yep i relaunched google consol inspection after i removed the beehiive newsletter CCS link, i also unchecked few option in enfold them that were unnecessary according to the thread i have read (query, css etc ..) in the performance page. It seems the beehiive error eventually disappeared after new test.

    2/ errors are various , seems to concern an avia format (despite avia content is checked in yoast setting)

    my contact page is the only one to have soft 404 error and google can’t access it. It has 3 errors

    https://www.domain.ch/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/heading/heading.min.css?ver=6.0.9
    https://www.domain.ch/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/icon_circles/icon_circles.min.css?ver=6.0.9

    + the usual captcha icon robot text error i develop at the end of the message

    for the rest of the pages , errors are. :

    https://www.domain.ch/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/icon_circles/icon_circles.min.css?ver=6.0.9

    https://www.domain.ch/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttons/buttons.min.css?ver=6.0.9

    https://www.domain.ch/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/menu/menu.min.css?ver=6.0.9

    https://www.domain.chh/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/grid_row/grid_row.min.css?ver=6.0.9

    https://www.domain.ch/wp-content/themes/enfold/css/base.min.css?ver=6.0.9

    https://www.domain.ch/wp-content/themes/enfold/css/grid.min.css?ver=6.0.9

    https://www.domain.ch/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/hr/hr.min.css?ver=6.0.9

    https://www.domain.ch/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/iconbox/iconbox.min.css?ver=6.0.9

    https://www.domain.ch/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/magazine/magazine.min.css?ver=6.0.9

    https://www.domain.ch/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttons/buttons.min.css?ver=6.0.9

    ————-

    arecaptacha logo robot.txt :

    googlebot is blocked by robot.txt file : https://www.gstatic.com/recaptcha/api2/logo_48.png

    when you open robot text file you get this :

    User-agent: *
    Allow: /_/aihub_pod/
    Allow: /_/alkali-learn/
    Allow: /_/apps-viewer/
    Allow: /_/atari/
    Allow: /_/boq/
    Allow: /_/boq-play/
    Allow: /_/boutique/
    Allow: /_/buganizer/
    Allow: /_/compare-banking/
    Allow: /_/compare-insurance/
    Allow: /_/fi/
    Allow: /_/fonts/
    Allow: /_/mss/boq-bard-web/
    Allow: /_/mss/boq-chrome-cloudcast/
    Allow: /_/mss/boq-cloud-web3-portal/
    Allow: /_/mss/boq-discover-labs/
    Allow: /_/mss/boq-geo/
    Allow: /_/mss/boq-makersuite/
    Allow: /_/mss/boq-nbu-monetization/
    Allow: /_/mss/boq-search/
    Allow: /_/mss/boq-search-engagement-post/
    Allow: /_/mss/boq-travel/
    Allow: /_/mss/boq-identity/
    Allow: /_/pantheon/
    Allow: /_/pantheon-platform/
    Allow: /_/play/
    Allow: /_/pog/
    Allow: /_/cloudsourcetools/
    Allow: /_/devopsconsole/
    Allow: /_/tfhub/
    Allow: /_/transparencyreport/
    Allow: /_/gstore/
    Allow: /_/ain/_/js/
    Allow: /ac/
    Allow: /actions/news/rss/
    Allow: /ads/learn/
    Allow: /ads/local/
    Allow: /ads/gpa/vidgen/
    Allow: /ads/research/
    Allow: /ads/ubaq/
    Allow: /aihub/tfhub/
    Allow: /alkali/
    Allow: /amphtml/stamp/ucp/post-testing/
    Allow: /android/market/
    Allow: /android/market_images/
    Allow: /atari/images/public/
    Allow: /audio_news/
    Allow: /bfe/apps/website/
    Allow: /boutique/sitemaps/
    Allow: /compare/
    Allow: /chrome/crlset/
    Allow: /chrome/webstore/images/
    Allow: /cloud-launcher/sitemap/
    Allow: /cloudsourcetools/images/
    Allow: /commercesearch/images/
    Allow: /communities/sitemap/
    Allow: /copy-conductor/crawled/
    Allow: /covid19/mobility/
    Allow: /culturalinstitute/images/
    Allow: /culturalinstitute/sitemaps/
    Allow: /culturalinstitute/stella/
    Allow: /ct/log_list/
    Allow: /delight/
    Allow: /devopsconsole/images/
    Allow: /devrel-devsite/
    Allow: /docs/forms/social/
    Allow: /docs/socialmarkup/
    Allow: /dictionary/static/sitemaps/
    Allow: /droidguard/
    Allow: /earth/social/
    Allow: /enterprise-partner-search/sitemaps/
    Allow: /external_hosted/
    Allow: /flights/
    Allow: /flutter-canvaskit/
    Allow: /foodordering/
    Allow: /frommers/
    Allow: /gb/images/
    Allow: /glass/images/commerce/
    Allow: /gpay/social/
    Allow: /growth-ime/
    Allow: /gsx/
    Allow: /gtp/stir/
    Allow: /guidebooks/
    Allow: /GoogleInternetAuthority/
    Allow: /h5games_gamecenter/images/
    Allow: /healthricherkp/illustrations/
    Allow: /healthricherkp/cropped/
    Allow: /hex/
    Allow: /history/static/
    Allow: /identity/accountsettingsactivityweb/
    Allow: /identity/accountsettingssyaf/
    Allow: /images
    Allow: /inproduct_help/chatsupport/
    Allow: /lamda/images/
    Allow: /local/donut/
    Allow: /mapspro/
    Allow: /marketing-cms/
    Allow: /moderator/static/ux/
    Allow: /modern-formats-eng/ucp/framework_logging/
    Allow: /modern-formats-eng/ucp/*/client/
    Allow: /modern-formats-eng/ucp/*/csr/
    Allow: /modern-formats-eng/ucp/*/dev/
    Allow: /modern-formats-eng/ucp/static/framework_logging/
    Allow: /modern-formats-eng/ucp/static/*/client/
    Allow: /modern-formats-eng/ucp/static/*/csr/
    Allow: /modern-formats-eng/ucp/static/*/dev/
    Allow: /nbubumblebee/
    Allow: /og/
    Allow: /onebox/media/sports/logos/
    Allow: /onebox/media/sports/photos/soccer/wc2018/
    Allow: /onebox/sports/logos/
    Allow: /onebox/sports/logos/sports_types/png/
    Allow: /pagespeed/insights/ui/logo/
    Allow: /pantheon/
    Allow: /pantheon-platform/
    Allow: /patent-search/frontend/
    Allow: /pay/images/merchant_logos/
    Allow: /pay/images/program_logos/
    Allow: /paygo/
    Allow: /play/store/web/
    Allow: /play/surveys/serp/
    Allow: /podcasts/test-podcast/rss/
    Allow: /politics/e/sharing/
    Allow: /prettyearth/assets/
    Allow: /psb/udc/
    Allow: /s2/sitemaps/
    Allow: /search-ar-dev/
    Allow: /search-console/scfe/
    Allow: /shopping-content-api/product_images/
    Allow: /shopping/shoppingpage/casa/
    Allow: /shopstream/
    Allow: /sites/
    Allow: /sitemaps/
    Allow: /social/photosui/images/
    Allow: /social/photosui/sitemap/
    Allow: /stadia/gamers/
    Allow: /store/images/favicons/
    Allow: /subscriptions/
    Allow: /support/content/
    Allow: /system1/images/
    Allow: /travel-frontend/images/
    Allow: /finance/favicon/
    Allow: /travel-vacations/
    Allow: /touringbird/
    Allow: /trends/
    Allow: /trends_tpt/
    Allow: /trustedstores/images/
    Allow: /trustedstores/js/
    Allow: /tv/thumb/
    Allow: /ui/
    Allow: /vr/*
    Allow: /vsi/*.pdf$
    Allow: /wondermissive/interest/
    Allow: /youtube/fonts/
    Allow: /youtube/img/promos/
    Allow: /icons/
    Allow: /js/
    Allow: /ss/
    Allow: /*.js
    Allow: /*.css
    Allow: /*.svg
    Allow: /buyside-e2e-monitor/

    the strange thing is i dont find this in my yoast robot manager

    do you think Google captach might be a problem ?

    Hi Rikard

    1) Thanks I’ll try that.

    2) I am sorry but I really can’t find: Enfold->Advanced Styling. Look for the Linked Image Overlay option. And I’ve searched every thing twice again.

    I send you credentials in “Private Content” – is it possible that you can help me disabling function? Then I’ll be happy. It is annoying for my readers when it is turned on.

    Best regards,
    Hanne

    #1478427

    Hi,

    Thank you for the inquiry.

    Please provide the login details in the private field. In the meantime, try adding the following code to the Quick CSS field, then toggle or temporarily disable the Enfold > Performance > File Compression settings.

    #avia-menu > li.menu-item-search-dropdown > a:after {
        content: '';
    }

    Best regards,
    Ismael

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .mec-dropdown-wrap {
      max-width: 100%;
    }
    
    .mec-wrap.mec-modern-search-bar .mec-search-form .mec-dropdown-wrap i {
      height: 36px;
    }

    Best regards,
    Rikard

    #1478043

    In reply to: Enfold 7.0

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

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

    wie gesagt – ich kann ganz gut mit den dev tools umgehen, und dein Hamburger war bei 1000px aktiv und die Lupe war auch nicht da.
    Egal:

    schwarzer balken unten.
    Gehe in die Einstellungen von Socket: General Styling – Socket dort wo du #111111 hast ändere es auf dein #ffffff

    Menü Farben:

    #top #header .av-main-nav > li > a .avia-menu-text, 
    #top #header .av-main-nav > li > a .avia-menu-subtext {
      color: var(--enfold-main-color-primary);
    }
    
    #top #header .av-main-nav > li > a:hover .avia-menu-text, 
    #top #header .av-main-nav > li > a:hover .avia-menu-subtext {
      color: var(--enfold-main-color-secondary);
    }

    bei dem Headerlayout würde ich dir raten, bei 990px den Hamburger zu setzen.
    Main Menu – General – Menu Items For Mobile …
    Lupe entfernen: Main Menu – General – Append Search Icon To Main Menu (uncheck)

    danach geht es dann weiter…

    #1477952

    Hi,
    the search icon in the header looks fine, to move down the search icon in the sidebar try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .sidebar .av_searchform_search.avia-svg-icon {
    	top: 31px !important;
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.
    Screen Shot 2025 02 25 at 4.18.15 PM

    Best regards,
    Mike

    #1477934

    Hello. It seems after an Enfold theme update, the search icon in the CSS/custom snippets from here is below the search line and not in the red box. When I try to fix it, it moved the sidebar search icon up as well. Any idea how I can JUST move the header search icon up 20px and leave the sidebar alone? THanks.

Viewing 30 results - 31 through 60 (of 7,436 total)