Viewing 30 results - 421 through 450 (of 1,181 total)
  • Author
    Search Results
  • #1020273

    In reply to: Border Button change

    Thanks Victoria, I have so much Quick CSS in general styling and some that directly affect those buttons, are you able to tell me exactly what to change? See all code in general styling below:

    .page-id-734 #contact input[type=’submit’]:hover {
    background-color: green !important;
    }

    /*hide auto sidebar from magazine*/
    .page-id-2967 .sidebar .widget_nav_hide_child {
    display: none;
    }

    /*2.8 firefox problem*/
    .avia-image-container-inner, .avia_image {
    max-width: 100%;
    }

    #socket .avia-bullet, #socket .avia-menu-fx {
    display: none;
    }

    .container {
    padding: 0px 95px;
    }

    .avia-button.avia-color-grey, .avia-button.avia-color-grey {
    color:#faf400!important;
    border: 1px solid #faf400!important;
    }

    h1, h2, h3 {
    text-transform: none !important;
    }

    h1, h2, h3, h4, h5, h6 {
    font-weight: normal!important;
    }

    #top * {
    border-radius:0 !important;
    }

    .avia-button {
    border: 1px solid !important;
    }

    #avia-menu #menu-item-3252 .avia-menu-text {
    border-color:#ddae87 !important;
    }

    /* Color section container width */
    #team .container {
    width: 100% !important;
    min-width: 100%;
    padding: 0;
    margin: 0;
    }

    #top .avia_ajax_form .button {
    width: 100%;
    }

    #top .social_bookmarks li a {
    color: #ddae87;
    }

    @media only screen and (max-width: 1200px) {
    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
    display: block !important;
    }
    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
    }
    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special a { border: none !important; }
    }

    .avia-button:hover {
    background-color: #ffffff !important;
    color: #231f20 !important;
    }

    #scroll-top-link {
    color: white !important;
    border: 1px solid #ddae87 !important;
    background-color: #ddae87 !important;
    }

    .home #av_section_1 a.avia-color-custom {
    border:1px solid #ddae87 !important;
    }

    .avia-team-member .team-social {
    background: rgba(17,20,71,0.8);
    }

    .team-social a {
    background: #ddae87;
    }

    .team-social a::before {
    color: #ffffff;
    }

    .av_menu_icon_beside {
    border-right:none;
    }

    .home #av_section_1 a.avia-color-custom:hover {
    border:1px solid white !important;
    }

    .home #av_section_1 a.avia-color-light:hover {
    border:rgba(255, 255, 255, 0.5) !important;
    }

    .avia-menu {
    border-right:none !important;
    }

    .page-id-734 #contact input[type=’submit’]:hover {
    background-color: #ddae87 !important;
    border-color: #ddae87 !important;
    color: #ffffff !important;
    }

    #scroll-top-link:hover {
    opacity:1 !important;
    color:cce4e7 !important;
    }

    .avia-menu-text{
    letter-spacing: 2px!important;
    }

    #1016952

    Topic: Help required on html

    in forum Enfold
    bauchope
    Participant

    Morning,
    Yesterday I made the following site live for my client http://www.events-intelligence.com/
    He has now come back to me with a list of html queries that I really don’t understand. (see attached) I build WP website but I am not a developer which is why i love using Enfold for my sites.
    Could you help me sort out his requests? I have dealt with the “build site” issue but not surew about RSS and all the other queries.

    I look forward to hearing form you shortly
    Kim

    he has sent me this
    Can we delete the references to build site in the HTML header, tidy up the RSS (there is none), and delete the comments about theme (assume these are unnecessary, and provide attack vectors),

    Also why is there API access to the site (https://www.events-intelligence.com/wp-json/) spits back a JSON file

    Can you also delete the author/admin page – the API’s refer to an obsolete part of the site – e.g. if you issue a GET to the following URL https://www.events-intelligence.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.events-intelligence.com%2F you get the following link back amongst all the other bumpf – https://www.events-intelligence.com/author/admin/. Please delete this and other unused pages.

    html as follows:

    <head>
    <meta charset=”UTF-8″>
    <meta name=”robots” content=”index, follow”>

    <!– mobile setting –>
    <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>

    <!– Scripts/CSS and wp_head hook –>
    <title>A Build Site: Events Intelligence – Growing exhibitions through data</title>
    <link rel=”dns-prefetch” href=”//s.w.org”>
    <link rel=”alternate” type=”application/rss+xml” title=”A Build Site: Events Intelligence » Feed” href=”https://www.events-intelligence.com/feed/”&gt;
    <link rel=”alternate” type=”application/rss+xml” title=”A Build Site: Events Intelligence » Comments Feed” href=”https://www.events-intelligence.com/comments/feed/”&gt;
    <link rel=”alternate” type=”application/rss+xml” title=”A Build Site: Events Intelligence » Home Comments Feed” href=”https://www.events-intelligence.com/home-2/feed/”&gt;

    <!– google webfont font replacement –>

    <script type=”text/javascript” async=”” src=”https://www.google-analytics.com/analytics.js”></script><script type=”text/javascript”>
    if(!document.cookie.match(/aviaPrivacyGoogleWebfontsDisabled/)){
    (function() {
    var f = document.createElement(‘link’);

    f.type = ‘text/css’;
    f.rel = ‘stylesheet’;
    f.href = ‘//fonts.googleapis.com/css?family=Lato:300,400,700%7COswald’;
    f.id = ‘avia-google-webfont’;

    document.getElementsByTagName(‘head’)[0].appendChild(f);
    })();
    }
    </script><link type=”text/css” rel=”stylesheet” href=”//fonts.googleapis.com/css?family=Lato:300,400,700%7COswald” id=”avia-google-webfont”>
    <script type=”text/javascript”>
    window._wpemojiSettings = {“baseUrl”:”https:\/\/s.w.org\/images\/core\/emoji\/11\/72×72\/”,”ext”:”.png”,”svgUrl”:”https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/”,”svgExt”:”.svg”,”source”:{“concatemoji”:”https:\/\/www.events-intelligence.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8″}};
    !function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline=”top”,l.font=”600 32px Arial”,a){case”flag”:return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case”emoji”:return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement(“script”);c.src=a,c.defer=c.type=”text/javascript”,b.getElementsByTagName(“head”)[0].appendChild(c)}var g,h,i,j,k=b.createElement(“canvas”),l=k.getContext&&k.getContext(“2d”);for(j=Array(“flag”,”emoji”),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],”flag”!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener(“DOMContentLoaded”,h,!1),a.addEventListener(“load”,h,!1)):(a.attachEvent(“onload”,h),b.attachEvent(“onreadystatechange”,function(){“complete”===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
    </script><script src=”https://www.events-intelligence.com/wp-includes/js/wp-emoji-release.min.js?ver=4.9.8&#8243; type=”text/javascript” defer=””></script>
    <style type=”text/css”>
    img.wp-smiley,
    img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
    }
    </style>
    <link rel=”stylesheet” id=”avia-merged-styles-css” href=”https://www.events-intelligence.com/wp-content/uploads/dynamic_avia/avia-merged-styles-c14a0af1d687c05c1dcc32792cc2249f.css&#8221; type=”text/css” media=”all”>
    <script type=”text/javascript” src=”https://www.events-intelligence.com/wp-includes/js/jquery/jquery.js?ver=1.12.4″></script&gt;
    <script type=”text/javascript” src=”https://www.events-intelligence.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1″></script&gt;
    <link rel=”https://api.w.org/&#8221; href=”https://www.events-intelligence.com/wp-json/”&gt;
    <link rel=”EditURI” type=”application/rsd+xml” title=”RSD” href=”https://www.events-intelligence.com/xmlrpc.php?rsd”&gt;
    <link rel=”wlwmanifest” type=”application/wlwmanifest+xml” href=”https://www.events-intelligence.com/wp-includes/wlwmanifest.xml”&gt;
    <meta name=”generator” content=”WordPress 4.9.8″>
    <link rel=”canonical” href=”https://www.events-intelligence.com/”&gt;
    <link rel=”shortlink” href=”https://www.events-intelligence.com/”&gt;
    <link rel=”alternate” type=”application/json+oembed” href=”https://www.events-intelligence.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.events-intelligence.com%2F”&gt;
    <link rel=”alternate” type=”text/xml+oembed” href=”https://www.events-intelligence.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.events-intelligence.com%2F&format=xml”&gt;
    <!– Global site tag (gtag.js) – Google Analytics –>
    <script async=”” src=”https://www.googletagmanager.com/gtag/js?id=UA-28528641-10″></script&gt;
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag(‘js’, new Date());

    gtag(‘config’, ‘UA-28528641-10′);
    </script><link rel=”profile” href=”http://gmpg.org/xfn/11″&gt;
    <link rel=”alternate” type=”application/rss+xml” title=”A Build Site: Events Intelligence RSS2 Feed” href=”https://www.events-intelligence.com/feed/”&gt;
    <link rel=”pingback” href=”https://www.events-intelligence.com/xmlrpc.php”&gt;
    <!–[if lt IE 9]><script src=”https://www.events-intelligence.com/wp-content/themes/enfold/js/html5shiv.js”></script>&lt;![endif]–>
    <link rel=”icon” href=”http://www.events-intelligence.com/wp-content/uploads/2018/09/ei-16×16.png&#8221; type=”image/png”>
    <style type=”text/css”>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>

    <!– To speed up the rendering and to display the site as fast as possible to the user we include some styles and scripts for above the fold content inline –>
    <script type=”text/javascript”>’use strict’;var avia_is_mobile=!1;if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)&&’ontouchstart’ in document.documentElement){avia_is_mobile=!0;document.documentElement.className+=’ avia_mobile ‘}
    else{document.documentElement.className+=’ avia_desktop ‘};document.documentElement.className+=’ js_active ‘;(function(){var e=[‘-webkit-‘,’-moz-‘,’-ms-‘,”],n=”;for(var t in e){if(e[t]+’transform’ in document.documentElement.style){document.documentElement.className+=’ avia_transform ‘;n=e[t]+’transform’};if(e[t]+’perspective’ in document.documentElement.style)document.documentElement.className+=’ avia_transform3d ‘};if(typeof document.getElementsByClassName==’function’&&typeof document.documentElement.getBoundingClientRect==’function’&&avia_is_mobile==!1){if(n&&window.innerHeight>0){setTimeout(function(){var e=0,o={},a=0,t=document.getElementsByClassName(‘av-parallax’),i=window.pageYOffset||document.documentElement.scrollTop;for(e=0;e<t.length;e++){t[e].style.top=’0px’;o=t[e].getBoundingClientRect();a=Math.ceil((window.innerHeight+i-o.top)*0.3);t[e].style[n]=’translate(0px, ‘+a+’px)’;t[e].style.top=’auto’;t[e].className+=’ enabled-parallax ‘}},50)}}})();</script><style type=”text/css”>
    @font-face {font-family: ‘entypo-fontello’; font-weight: normal; font-style: normal;
    src: url(‘https://www.events-intelligence.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot&#8217;);
    src: url(‘https://www.events-intelligence.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?#iefix&#8217;) format(’embedded-opentype’),
    url(‘https://www.events-intelligence.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff&#8217;) format(‘woff’),
    url(‘https://www.events-intelligence.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf&#8217;) format(‘truetype’),
    url(‘https://www.events-intelligence.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.svg#entypo-fontello&#8217;) format(‘svg’);
    } #top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont=’entypo-fontello’]:before{ font-family: ‘entypo-fontello’; }
    </style>

    <!–
    Debugging Info for Theme support:

    Theme: Enfold
    Version: 4.4.1
    Installed: enfold
    AviaFramework Version: 4.7
    AviaBuilder Version: 0.9.5
    aviaElementManager Version: 1.0.1
    ML:256-PU:42-PLA:5
    WP:4.9.8
    Compress: CSS:all theme files – JS:all theme files
    Updates: disabled
    PLAu:5
    –>
    </head>

    #1013807

    In reply to: Mobile Menue

    Hey alinesommer,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    
    @media only screen and (max-width:767px){
        .html_av-overlay-side .av-burger-overlay-scroll {
            -webkit-transform: translateX(350px);
            transform: translateX(350px);
        }
    
        .html_av-overlay-side .av-burger-overlay-scroll {
            right: 0;
            left: auto;
        }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1011662

    Hey Daan88,

    Please use this code for the gallery.php:

    
    <?php
    /**
     * Gallery
     * 
     * Shortcode that allows to create a gallery based on images selected from the media library
     */
    if ( ! defined( 'ABSPATH' ) ) {  exit;  }    // Exit if accessed directly
    
    if ( !class_exists( 'avia_sc_gallery' ) )
    {
    	class avia_sc_gallery extends aviaShortcodeTemplate
    	{
    			static $gallery = 0;
    			var $extra_style = "";
    			var $non_ajax_style = "";
    
    			/**
    			 * Create the config array for the shortcode button
    			 */
    			function shortcode_insert_button()
    			{
    				$this->config['self_closing']	=	'yes';
    
    				$this->config['name']			= __('Gallery', 'avia_framework' );
    				$this->config['tab']			= __('Media Elements', 'avia_framework' );
    				$this->config['icon']			= AviaBuilder::$path['imagesURL']."sc-gallery.png";
    				$this->config['order']			= 6;
    				$this->config['target']			= 'avia-target-insert';
    				$this->config['shortcode'] 		= 'av_gallery';
    				$this->config['modal_data']     = array('modal_class' => 'mediumscreen');
    				$this->config['tooltip']        = __('Creates a custom gallery', 'avia_framework' );
    				$this->config['preview'] 		= 1;
    				$this->config['disabling_allowed'] = 'manually'; //only allowed manually since the default [gallery shortcode] is also affected
    			}
    
    			function extra_assets()
    			{
    				//load css
    				wp_enqueue_style( 'avia-module-gallery' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/gallery/gallery.css' , array('avia-layout'), false );
    
    				wp_enqueue_script( 'avia-module-gallery' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/gallery/gallery.js' , array('avia-shortcodes'), false, TRUE );
    
    			}
    
    			/**
    			 * Popup Elements
    			 *
    			 * If this function is defined in a child class the element automatically gets an edit button, that, when pressed
    			 * opens a modal window that allows to edit the element properties
    			 *
    			 * @return void
    			 */
    			function popup_elements()
    			{
    				$this->elements = array(
    					array(
    						"type" 	=> "tab_container", 'nodescription' => true
    					),
    
    					array(
    						"type" 	=> "tab",
    						"name"  => __("Content" , 'avia_framework'),
    						'nodescription' => true
    					),
    
    					array(
    							"name" 	=> __("Edit Gallery",'avia_framework' ),
    							"desc" 	=> __("Create a new Gallery by selecting existing or uploading new images",'avia_framework' ),
    							"id" 	=> "ids",
    							"type" 	=> "gallery",
    							"title" => __("Add/Edit Gallery",'avia_framework' ),
    							"button" => __("Insert Images",'avia_framework' ),
    							"std" 	=> ""),
    
    					array(
    							"name" 	=> __("Gallery Style", 'avia_framework' ),
    							"desc" 	=> __("Choose the layout of your Gallery", 'avia_framework' ),
    							"id" 	=> "style",
    							"type" 	=> "select",
    							"std" 	=> "thumbnails",
    							"subtype" => array(
    												__('Small Thumbnails',  'avia_framework' ) =>'thumbnails',
    												__('Big image with thumbnails below', 'avia_framework' ) =>'big_thumb',
    												__('Big image only, other images can be accessed via lightbox', 'avia_framework' ) =>'big_thumb lightbox_gallery',
    												)
    							),
    
    					array(
    							"name" 	=> __("Gallery Big Preview Image Size", 'avia_framework' ),
    							"desc" 	=> __("Choose image size for the Big Preview Image", 'avia_framework' ),
    							"id" 	=> "preview_size",
    							"type" 	=> "select",
    							"std" 	=> "portfolio",
    							"required" 	=> array('style','contains','big_thumb'),
    							"subtype" =>  AviaHelper::get_registered_image_sizes(array('logo'))
    							),
    
    					array(
    							"name" 	=> __("Force same size for all big preview images?", 'avia_framework' ),
    							"desc" 	=> __("Depending on the size you selected above, preview images might differ in size. Should the theme force them to display at exactly the same size?", 'avia_framework' ),
    							"id" 	=> "crop_big_preview_thumbnail",
    							"type" 	=> "select",
    							"std" 	=> "yes",
    							"required" 	=> array('style','equals','big_thumb'),
    							"subtype" =>  array(__('Yes, force same size on all Big Preview images, even if they use a different aspect ratio', 'avia_framework') => 'avia-gallery-big-crop-thumb', __('No, do not force the same size', 'avia_framework') => 'avia-gallery-big-no-crop-thumb')),
    
    					array(
                            "name" 	=> __("Gallery Preview Image Size", 'avia_framework' ),
                            "desc" 	=> __("Choose image size for the small preview thumbnails", 'avia_framework' ),
                            "id" 	=> "thumb_size",
                            "type" 	=> "select",
                            "std" 	=> "portfolio",
    							"required" 	=> array('style','not','big_thumb lightbox_gallery'),
                            "subtype" =>  AviaHelper::get_registered_image_sizes(array('logo'))
                        ),
    
    					array(
    							"name" 	=> __("Thumbnail Columns", 'avia_framework' ),
    							"desc" 	=> __("Choose the column count of your Gallery", 'avia_framework' ),
    							"id" 	=> "columns",
    							"type" 	=> "select",
    							"std" 	=> "5",
    							"required" 	=> array('style','not','big_thumb lightbox_gallery'),
    							"subtype" => AviaHtmlHelper::number_array(1,12,1)
    							),
    
    					array(
    	                        "name" 	=> __("Use Lighbox", 'avia_framework' ),
    	                        "desc" 	=> __("Do you want to activate the lightbox", 'avia_framework' ),
    	                        "id" 	=> "imagelink",
    	                        "type" 	=> "select",
    	                        "std" 	=> "5",
    							"required" 	=> array('style','not','big_thumb lightbox_gallery'),
    	                        "subtype" => array(
    	                            __('Yes',  'avia_framework' ) =>'lightbox',
    	                            __('No, open the images in the browser window', 'avia_framework' ) =>'aviaopeninbrowser noLightbox',
    	                            __('No, open the images in a new browser window/tab', 'avia_framework' ) =>'aviaopeninbrowser aviablank noLightbox',
    	                            __('No, don\'t add a link to the images at all', 'avia_framework' ) =>'avianolink noLightbox')
    	                    	),
    
    	                    array(
    		                        "name" 	=> __("Thumbnail fade in effect", 'avia_framework' ),
    		                        "desc" 	=> __("You can set when the gallery thumbnail animation starts", 'avia_framework' ),
    		                        "id" 	=> "lazyload",
    		                        "type" 	=> "select",
    		                        "std" 	=> "avia_lazyload",
    							"required" 	=> array('style','not','big_thumb lightbox_gallery'),
    		                        "subtype" => array(
    		                            __('Show the animation when user scrolls to the gallery',  'avia_framework' ) =>'avia_lazyload',
    		                            __('Activate animation on page load (might be preferable on large galleries)', 'avia_framework' ) =>'deactivate_avia_lazyload')
    		                    ),
    
    							array(
    									"type" 	=> "close_div",
    									'nodescription' => true
    								),	
    
    		                	array(
    									"type" 	=> "tab",
    									"name"	=> __("Screen Options",'avia_framework' ),
    									'nodescription' => true
    								),
    
    								array(
    								"name" 	=> __("Element Visibility",'avia_framework' ),
    								"desc" 	=> __("Set the visibility for this element, based on the device screensize.", 'avia_framework' ),
    								"type" 	=> "heading",
    								"description_class" => "av-builder-note av-neutral",
    								),
    
    								array(	
    										"desc" 	=> __("Hide on large screens (wider than 990px - eg: Desktop)", 'avia_framework'),
    										"id" 	=> "av-desktop-hide",
    										"std" 	=> "",
    										"container_class" => 'av-multi-checkbox',
    										"type" 	=> "checkbox"),
    
    								array(	
    
    										"desc" 	=> __("Hide on medium sized screens (between 768px and 989px - eg: Tablet Landscape)", 'avia_framework'),
    										"id" 	=> "av-medium-hide",
    										"std" 	=> "",
    										"container_class" => 'av-multi-checkbox',
    										"type" 	=> "checkbox"),
    
    								array(	
    
    										"desc" 	=> __("Hide on small screens (between 480px and 767px - eg: Tablet Portrait)", 'avia_framework'),
    										"id" 	=> "av-small-hide",
    										"std" 	=> "",
    										"container_class" => 'av-multi-checkbox',
    										"type" 	=> "checkbox"),
    
    								array(	
    
    										"desc" 	=> __("Hide on very small screens (smaller than 479px - eg: Smartphone Portrait)", 'avia_framework'),
    										"id" 	=> "av-mini-hide",
    										"std" 	=> "",
    										"container_class" => 'av-multi-checkbox',
    										"type" 	=> "checkbox"),
    
    							array(
    									"type" 	=> "close_div",
    									'nodescription' => true
    								),	
    
    						array(
    							"type" 	=> "close_div",
    							'nodescription' => true
    						),	
    
    						);
    
    			}
    
    			/**
    			 * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas
    			 * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container
    			 * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className
    			 *
    			 *
    			 * @param array $params this array holds the default values for $content and $args.
    			 * @return $params the return array usually holds an innerHtml key that holds item specific markup.
    			 */
    			function editor_element($params)
    			{
    				$params['innerHtml'] = "<img src='".$this->config['icon']."' title='".$this->config['name']."' />";
    				$params['innerHtml'].= "
    <div class='avia-element-label'>".$this->config['name']."</div>
    ";
    				$params['content'] 	 = NULL; //remove to allow content elements
    				return $params;
    			}
    
    			/**
    			 * Frontend Shortcode Handler
    			 *
    			 * @param array $atts array of attributes
    			 * @param string $content text within enclosing form of shortcode element
    			 * @param string $shortcodename the shortcode found, when == callback name
    			 * @return string $output returns the modified html string
    			 */
    			function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "")
    			{
    
    	        	extract(AviaHelper::av_mobile_sizes($atts)); //return $av_font_classes, $av_title_font_classes and $av_display_classes 
    
    				$output  = "";
    				$first   = true;
    
    				if(empty($atts['columns']) && isset($atts['ids']))
    				{
    					$atts['columns'] = count(explode(",", $atts['ids']));
    					if($atts['columns'] > 10) { $atts['columns'] = 10; }
    				}
    
    				extract(shortcode_atts(array(
    				'order'      	=> 'ASC',
    				'thumb_size' 	=> 'thumbnail',
    				'size' 			=> '',
    				'lightbox_size' => 'large',
    				'preview_size'	=> 'portfolio',
    				'ids'    	 	=> '',
    				'ajax_request'	=> false,
    				'imagelink'     => 'lightbox',
    				'style'			=> 'thumbnails',
    				'columns'		=> 5,
                    'lazyload'      => 'avia_lazyload',
                    'crop_big_preview_thumbnail' => 'avia-gallery-big-crop-thumb'
    				), $atts, $this->config['shortcode']));
    
    				$attachments = get_posts(array(
    				'include' => $ids,
    				'post_status' => 'inherit',
    				'post_type' => 'attachment',
    				'post_mime_type' => 'image',
    				'order' => $order,
    				'orderby' => 'post__in')
    				);
    
    				//compatibility mode for default wp galleries
    				if(!empty($size)) $thumb_size = $size;
    
    				if('big_thumb lightbox_gallery' == $style)
    				{
    					$imagelink = 'lightbox';
    					$lazyload  = 'deactivate_avia_lazyload';
    					$meta['el_class'] .= " av-hide-gallery-thumbs";
    				}
    
    				if(!empty($attachments) && is_array($attachments))
    				{
    					self::$gallery++;
    					$thumb_width = round(100 / $columns, 4);
    
                        $markup = avia_markup_helper(array('context' => 'image','echo'=>false, 'custom_markup'=>$meta['custom_markup']));
    					$output .= "
    <div class='avia-gallery {$av_display_classes} avia-gallery-".self::$gallery." ".$lazyload." avia_animate_when_visible ".$meta['el_class']."' $markup>";
    					$thumbs = "";
    					$counter = 0;
    
    					foreach($attachments as $attachment)
    					{
    						$link	 =  apply_filters('avf_avia_builder_gallery_image_link', wp_get_attachment_image_src($attachment->ID, $lightbox_size), $attachment, $atts, $meta);
    						$custom_link_class = !empty($link['custom_link_class']) ? $link['custom_link_class'] : '';
    						$class	 = $counter++ % $columns ? "class='$imagelink $custom_link_class'" : "class='first_thumb $imagelink $custom_link_class'";
    						$img  	 = wp_get_attachment_image_src($attachment->ID, $thumb_size);
    						$prev	 = wp_get_attachment_image_src($attachment->ID, $preview_size);
    
    						$caption = trim($attachment->post_excerpt) ? wptexturize($attachment->post_excerpt) : "";
    						$tooltip = $caption ? "data-avia-tooltip='".$caption."'" : "";
    
                            $alt = get_post_meta($attachment->ID, '_wp_attachment_image_alt', true);
                            $alt = !empty($alt) ? esc_attr($alt) : '';
                            $title = trim($attachment->post_title) ? esc_attr($attachment->post_title) : "";
                            $description = trim($attachment->post_content) ? esc_attr($attachment->post_content) : esc_attr(trim($attachment->post_excerpt));
    
                            $markup_url = avia_markup_helper(array('context' => 'image_url','echo'=>false, 'id'=>$attachment->ID, 'custom_markup'=>$meta['custom_markup']));
    
    						if( strpos($style, "big_thumb") !== false && $first)
    						{
    							$big_thumb = "<a class='avia-gallery-big fakeLightbox $imagelink $crop_big_preview_thumbnail $custom_link_class' href='".$link[0]."'  data-onclick='1' title='".$description."' ><span class='avia-gallery-big-inner' $markup_url>";
    							$big_thumb .= "	<img width='".$prev[1]."' height='".$prev[2]."' src='".$prev[0]."' title='".$title."' alt='".$alt."' />";
    			   if($caption) $big_thumb .= "	<span class='avia-gallery-caption'>{$caption}</span>";
    							$big_thumb .= "</span></a>";
    						}
    
    						$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' $markup_url><img {$tooltip} src='".$img[0]."' width='".$img[1]."' height='".$img[2]."'  title='".$title."' alt='".$alt."' /></a>";
    
    						$first = false;
    					}
    
    					$output .= "
    <div class='avia-gallery-thumb'>{$thumbs}</div>
    {$big_thumb}";
    					$output .= "</div>
    ";
    
    					$selector = !empty($atts['ajax_request']) ? ".ajax_slide" : "";
    
    					//generate thumb width based on columns
    					$this->extra_style .= "<style type='text/css'>";
    					$this->extra_style .= "#top #wrap_all {$selector} .avia-gallery-".self::$gallery." .avia-gallery-thumb a{width:{$thumb_width}%;}";
    					$this->extra_style .= "</style>";
    
    					if(!empty($this->extra_style))
    					{
    
    						if(!empty($atts['ajax_request']) || !empty($_POST['avia_request']))
    						{
    							$output .= $this->extra_style;
    							$this->extra_style = "";
    						}
    						else
    						{
    							$this->non_ajax_style = $this->extra_style;
    							add_action('wp_footer', array($this, 'print_extra_style'));
    						}
    					}
    
    				}
    
    				return $output;
    			}
    
    			function print_extra_style()
    			{
    				echo $this->non_ajax_style;
    			}
    
    	}
    }
    
    

    and add this code to the quick css field:

    
    #top div .avia-gallery .avia-gallery-big {
        width: 100%;
    }
    

    Best regards,
    Peter

    #1011590

    In reply to: google map

    Hi,

    Thank you for using Enfold.

    Based on Dude’s suggestion, you can try this code on the functions.php file to adjust the map’s parameter.

    add_filter('avf_gmap_vars', 'avf_gmap_vars_settings', 10, 1);
    function avf_gmap_vars_settings($map) {
    foreach($map['av_google_map'] as $key => $data)
    {
        $map['av_google_map'][$key]['gestureHandling'] = 'auto';
        $map['av_google_map'][$key]['scrollwheel'] = 'true';   
    }
    return $map;
    }

    Best regards,
    Ismael

    #1009023
    cordellbrewer
    Participant

    Hi,
    I have this bit of code that I found on your forum which opens up a lightbox containing a Gravity Form:
    The JS:

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

    The HTML:

    <a href="#popup1" class="open-popup-link">Click this button to open form in lightbox-FORM1</a>
    
    <div id="popup1" class="white-popup mfp-hide">
    [gravityform id=1 title=false description=false ajax=true]
    </div>

    The CSS:

    .white-popup {
        position: relative;
        background: #fff;
        padding: 20px;
        width: auto;
        max-width: 50vw;
        margin: 20px auto;
    }

    It works perfectly except for the fact that as the lightbox is opened, the whole page scrolls up a bit. I think this is due to the sticky header. When I turn off the sticky header, then it doesn’t scroll up at all.

    If you look half way down the page you will see an image with caption “FOR THE ARCHITECT”. Below that in grey text (Click this button to open form in lightbox-FORM1) is the link to open the lightobx.

    I tried to sort it out using CSS but haven’t managed to fix it. Maybe it needs a small bit of JS; not sure. (I don’t know any JS unfortunately.)

    Please could you kindly assist.

    Thank you.

    #1008805

    Hi Ismael,

    Thanks for that – I have inserted the debug mode code into my functions.php file as per the instructions you have provided. Below is the copy/paste I got from the ‘Default Editor’ option (not sure if that is what debug mode is) – I tried to edit the code but it came back weird after that (there were no edges around the content) so I reverted the changes.

    [av_section min_height='75' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' scroll_down='aviaTBscroll_down' id='' color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold-startup/files/2015/02/pricing_big.jpg' attachment='496' attachment_size='full' attach='parallax' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#4ecac2' overlay_pattern='' overlay_custom_pattern='']
    [av_one_fifth first]
    
    [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat']
    
    [av_heading heading='NO CONTRACTS. NO LOCK INS. NO BULL TURDS. SIMPLE - EFFICIENT <strong>PAY AS YOU GO</strong> LOCAL PROFESSIONAL WEB DEVELOPMENT. DON’T PAY A CENT MORE.' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='10' color='custom-color-heading' custom_font='#ffffff'][/av_heading]
    
    [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='40px' custom_margin_bottom='40px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello']
    
    [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat']
    
    [/av_one_fifth]
    [/av_section]
    
    [av_submenu which_menu='custom' menu='2' position='center' color='main_color' sticky='aviaTBsticky' mobile='active']
    [av_submenu_item title='Top' link='manually,#top' linktarget='' button_style='']
    [av_submenu_item title='Pricing' link='manually,#pricing' linktarget='' button_style='']
    [av_submenu_item title='FAQ' link='manually,#faq' linktarget='' button_style='']
    [av_submenu_item title='Pre Sale Questions' link='manually,#pre-sale' linktarget='' button_style='av-menu-button av-menu-button-bordered']
    [/av_submenu]
    
    [av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='pricing' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
    
    [av_table purpose='pricing' pricing_table_design='avia_pricing_minimal' pricing_hidden_cells='avia_show_empty_cells' caption='' responsive_styling='avia_responsive_table']
    [av_row row_style='avia-heading-row'][av_cell col_style='']In 'n' Out[/av_cell][av_cell col_style='']Regular[/av_cell][av_cell col_style='avia-highlight-col']Plus[/av_cell][av_cell col_style='']Enterprise[/av_cell][/av_row]
    [av_row row_style='avia-pricing-row'][av_cell col_style='']$80<small>per hour</small>[/av_cell][av_cell col_style='']$60<small>per hour</small>[/av_cell][av_cell col_style='avia-highlight-col']$55<small>per hour</small>[/av_cell][av_cell col_style='']$45<small>per hour</small>[/av_cell][/av_row]
    [av_row row_style=''][av_cell col_style='']For small projects under 10 hours[/av_cell][av_cell col_style='']For small projects under 10 hours[/av_cell][av_cell col_style='avia-highlight-col']For medium/large projects over 10 hours[/av_cell][av_cell col_style='']For medium/large projects over 10 hours[/av_cell][/av_row]
    [av_row row_style=''][av_cell col_style='']Priority Phone/Email support[/av_cell][av_cell col_style='']Email Support[/av_cell][av_cell col_style='avia-highlight-col']Priority Phone/Email support[/av_cell][av_cell col_style='']Email Support[/av_cell][/av_row]
    [av_row row_style=''][av_cell col_style='']24 Hour Turnaround Time[/av_cell][av_cell col_style='']3 Day Turnaround Time[/av_cell][av_cell col_style='avia-highlight-col']24 Hour Turnaround Time[/av_cell][av_cell col_style='']3 Day Turnaround Time[/av_cell][/av_row]
    [/av_table]
    
    [/av_section][av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='faq' color='main_color' custom_bg='#fcfcfc' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
    [av_one_fifth first]
    
    [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat']
    
    [av_heading tag='h1' padding='10' heading='Frequently Asked Questions' color='' style='blockquote modern-quote modern-centered' custom_font='' size='40' subheading_active='' subheading_size='15' custom_class=''][/av_heading]
    
    [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat']
    
    [/av_one_fifth][av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='70px' custom_margin_bottom='70px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello']
    
    [av_one_half first]
    
    [av_textblock size='' font_color='' color='']
    <h4>What if I buy 10 hours but don’t use all the hours in my project?</h4>
    [av_dropcap1]W[/av_dropcap1]ell I have good news for you - if you can send me an email confirming you will not have any work in the future and request a partial refund - you will receive a payment back for the hours you don’t use. Pretty neat right? You can also keep the hours left as credit for projects in the future.
    <h4>Can we meet for a coffee to discuss?</h4>
    [av_dropcap1]I[/av_dropcap1] believe in modelling those that are successful - one of the people I look up to is author Tim Ferris from the book ‘The 4 Hour Workweek’. We live in a connected world of Skype, WhatsApp, FB and join.me - I expect my clients to understand or make a serious effort in being connected - and you will find the rewards immense and be able to accomplish a lot more in a much shorter time span.
    <div>While I do meet face to face with clients occassionally on larger projects ($6K+) - the majority of my client work is conducted online - so the short answer is no.
    [/av_textblock][/av_one_half][av_one_half min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'][av_textblock size='' font_color='' color='']
    <h4>How much for a website?</h4>
    [av_dropcap1]L[/av_dropcap1]ooking back at my clients for the last 6 years no good relationship has ever started with the question ‘How much is a website’ - however I feel it’s a fair quesiton so I will answer as best I can.
    
    The cheapest website I’ve ever made was $350 and the most expensive was about $22,000.
    
    If you are looking for a quote and have a budget of $1,600+ I can review your requirements and give you a fixed price - however if your budget is under that then I can give you an estimate of how much time your project would require in hours - you can get a pretty decent looking website for $500 if you agree to write the content and buy the theme/hosting.
    <h4>Do you do SEO?</h4>
    [av_dropcap1]I[/av_dropcap1]’m currently on Page #2 for the highly competitive term ‘wordpress developer sydney’ - which I have been steadily climbing since the start of this year.
    
    If you provide your Google Analytics/Google Webmaster Tools I can review your website and give a recommendation for how I can help - you might want to do that before I get to Page #1 because once I do my rates for SEO will go up substantially.
    
    </div>
    [/av_textblock]
    
    [/av_one_half]
    [/av_section]
    
    [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='pre-sale' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
    [av_one_fifth first]
    
    [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat']
    
    [av_heading heading='HAVE MORE QUESTIONS? SEND THEM THIS WAY! I’M <strong>ALWAYS AVAILABLE TO ANSWER YOUR ENQUIRIES</strong> AND START A DIALOGUE - BEGIN WITH THE FORM BELOW' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading]
    
    [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat']
    
    [/av_one_fifth][av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='70px' custom_margin_bottom='70px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello']
    
    [av_contact email='' title='' button='Submit' on_send='' sent='Your question has been sent, we will reply as soon as possible!' link='manually,http://' subject='Pre Sale Question' autorespond='' captcha='' color='']
    [av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third'][/av_contact_field]
    [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third'][/av_contact_field]
    [av_contact_field label='Which Plan?' type='select' options='Starter, Regular, Plus, Enterprise' check='' width='element_third'][/av_contact_field]
    [av_contact_field label='Subject' type='text' check='is_empty' options='' width=''][/av_contact_field]
    [av_contact_field label='Message' type='textarea' check='is_empty' options='' width=''][/av_contact_field]
    [/av_contact]
    [/av_section]

    Also don’t forget the question about the menu I put down above:

    Also is there a way to make the header menu be small from the get go instead of get large then smaller?
    https://cl.ly/d2b9494adadc/Image%2525202018-09-11%252520at%25252012.43.47%252520PM.png
    https://cl.ly/77bd973e7521/Image%2525202018-09-11%252520at%25252012.44.28%252520PM.png
    screenshots above are from this page: http://www.headstudios.com.au/sample-landing-page/

    Thanks for all your help!

    #1008362

    In reply to: mobile menu position

    Hi Concre,

    Try using this css code:

    .html_av-overlay-side #top .av-burger-overlay-scroll {
        right: auto;
        left: 0;
    }
    

    if that doesn’t work, use this instead:

    .html_av-overlay-side #top .av-burger-overlay-scroll {
        right: auto !important;
        left: 0 !important;
    }
    

    Hope it helps.

    Best regards,
    Nikko

    #1008274

    Hi,

    Great, you can set the footer site wide if you go to Enfold->Footer and change the settings in the Default Footer & Socket Settings option. Before that you need to create a new page and paste the following shortcode in the box below the regular Layout Builder:

    [av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='footer-template' color='footer_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-jfgi5bwp']
    [av_buttonrow alignment='center' button_spacing='20' button_spacing_unit='px' av_uid='av-jfj7zffg' admin_preview_bg='']
    [av_buttonrow_item label='Follow me on Twitter' link='manually,#' link_target='' size='large' label_display='av-button-label-on-hover' icon_select='yes' icon='ue8f1' font='entypo-fontello' color='black' custom_bg='#444444' custom_font='#ffffff' av_uid='av-13flxu' icon_hover='']
    [av_buttonrow_item label='Follow me on Facebook' link='manually,#' link_target='' size='large' label_display='av-button-label-on-hover' icon_select='yes' icon='ue8f3' font='entypo-fontello' color='black' custom_bg='#444444' custom_font='#ffffff' av_uid='av-y5cei' icon_hover='']
    [av_buttonrow_item label='Follow me on Dribbble' link='manually,#' link_target='' size='large' label_display='av-button-label-on-hover' icon_select='yes' icon='ue8fe' font='entypo-fontello' color='black' custom_bg='#444444' custom_font='#ffffff' av_uid='av-rviru' icon_hover='']
    [av_buttonrow_item label='Follow me on Instagram' link='manually,#' link_target='' size='large' label_display='av-button-label-on-hover' icon_select='yes' icon='ue909' font='entypo-fontello' color='black' custom_bg='#444444' custom_font='#ffffff' av_uid='av-m6ojm' icon_hover='']
    [av_buttonrow_item label='Follow me on LinkedIn' link='manually,#' link_target='' size='large' label_display='av-button-label-on-hover' icon_select='yes' icon='ue8fc' font='entypo-fontello' color='black' custom_bg='#444444' custom_font='#ffffff' av_uid='av-gz0de' icon_hover='']
    [av_buttonrow_item label='Get in touch' link='manually,#' link_target='' size='large' label_display='av-button-label-on-hover' icon_select='yes' icon='ue805' font='entypo-fontello' color='black' custom_bg='#444444' custom_font='#ffffff' av_uid='av-xw4y' icon_hover='']
    [/av_buttonrow]
    
    [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='#eaeaea' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='#000000' icon='ue808' font='entypo-fontello' av_uid='av-jfj8eyp1' admin_preview_bg='rgb(255, 255, 255)']
    
    [av_one_third first min_height='' vertical_alignment='av-align-top' space='' custom_margin='aviaTBcustom_margin' margin='0px' margin_sync='true' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-2gdk2']
    
    [/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' link='' linktarget='' link_hover='' padding='0px' border='' border_color='' radius='0px' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-lejfe']
    
    [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfiohzkt' admin_preview_bg='']
    <h4 style="text-align: center;">Subscribe</h4>
    <p style="text-align: center;">Get our latest news, tips and tricks</p>
    [/av_textblock]
    
    [av_contact  (Email address hidden if logged out) ' title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' form_align='' color='av-custom-form-color av-dark-form' av_uid='av-jfiogcbk' admin_preview_bg='']
    [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_three_fourth' multi_select='' av_contact_preselect='' av_uid='av-fmhgi'][/av_contact_field]
    [/av_contact]
    
    [av_textblock size='12' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfiohzkt' admin_preview_bg='']
    <p style="text-align: center;"><a href="#">About</a> | <a href="#">Imprint</a> | <a href="#">Contact</a> | <a href="#">Terms</a></p>
    [/av_textblock]
    
    [av_textblock size='12' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfiohzkt' admin_preview_bg='']
    <p style="text-align: center;"><a href="http://kriesi.at">© 2018 Enfold by Kriesi</a></p>
    [/av_textblock]
    
    [/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' link='' linktarget='' link_hover='' padding='0px' border='' border_color='' radius='0px' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-6l59m']
    
    [/av_one_third]
    [/av_section]
    

    Best regards,
    Rikard

    jells2
    Participant

    I’m having an issue with making the submenu sticky. So far I’ve managed to make it sticky by applying the following quick css code:

    @media only screen and (max-width: 767px) {
    .responsive #top .header-scrolled-full .av-submenu-container {
    top: 0 !important;
    position: fixed !important;
    height: auto;
    min-height: 0;
    margin-bottom: -1px;
    }

    #overview {
    margin-top: 10px;
    }
    }

    However in addition, I had to change a line of code in the parent theme at config-templatebuilder –> avia-shortcodes –> menu –> menu.css

    In particular, I had to remove the !important in line 60:
    @media only screen and (max-width: 767px)
    {
    .responsive #top .sticky_placeholder{max-height:0px; }
    .responsive #top .av-submenu-container{top: auto !important; position: relative!important; height:auto; min-height:0; margin-bottom: -1px;}

    First question I have is whether there’s a way to apply the change in the child theme instead of the parent theme as this will make updates simpler.

    The second question I have is about closing the submenu automatically upon clicking an item on the submenu.
    We’re referring to this link.

    For a clearer example of what we mean:
    https://staging.equinetacademy.com/wp-content/uploads/Capture.jpg

    Appreciate any advice on this matter. Thanks!

    tocal
    Participant

    Hello,

    I am having some issues with the tab section of the builder.
    The actual tab content is fine, however the tab title area is causing some problems.
    (Attached in the private area I have linked some screen shots to help visualise what is happening).

    At desktop view, the tab title container is holding 6 items, each equally apart with some text. however I needed the content of these tab titles to be larger than what the standard size is of a tab title. However the container is not growing to fit the content. I have adjusted the css in multiple different ways to help this, however one fix causes issues with something else, i.e forcing the tab title to have a larger width causes problems with the scrolling feature on smaller devices.

    Effectively, I need these tab titles to work as they would be default however automatically allowing the content of the titles to be large or small and still retaining an equal margin between one another as keeping a scroll on smaller devices.

    A link attached in the private area can be found directly to the page I mentioned.

    Thank you

    #1005097

    In reply to: Http error 500

    Hi Victora,
    See below:

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

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

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

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

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

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

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

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

    global $avia_config;

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

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

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

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

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

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

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

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

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

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

    /*
    * add support for responsive mega menus
    */

    add_theme_support(‘avia_mega_menu’);

    /*
    * add support for improved backend styling
    */

    add_theme_support(‘avia_improved_backend_style’);

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

    add_filter(‘avia_mega_menu_walker’, ‘__return_false’);

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

    add_theme_support(‘avia_sidebar_manager’);

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

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

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

    avia_lang_setup();
    }

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

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

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

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

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

    require_once( ‘framework/avia_framework.php’ );

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

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

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

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

    );

    avia_backend_add_thumbnail_size($avia_config);

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

    /*
    * register the layout classes
    *
    */

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

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

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

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

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

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

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

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

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

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

    ));

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

    $avia_config[‘admin_notices’] = array(

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

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

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

    //more to come…
    );

    add_theme_support( ‘automatic-feed-links’ );

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

    /*
    * Register frontend javascripts:
    */

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

    function avia_register_frontend_scripts()
    {
    global $avia_config;

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

    $options = avia_get_option();

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

    //register js

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

    wp_enqueue_script( ‘jquery’ );

    //register styles

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

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

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

    //lightbox inclusion

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

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

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

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

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

    //sticky header with header size calculator

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

    //site preloader

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

    //cookie consent

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

    //load widget css only if we got active widgets

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

    //load mediaelement js

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

    //comment reply script

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

    //rtl inclusion

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

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

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

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

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

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

    global $avia;

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

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

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

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

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

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

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

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

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

    wp_enqueue_style( ‘avia-custom’);

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

    }
    }

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

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

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

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

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

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

    add_theme_support(‘nav_menus’);

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

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

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

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

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

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

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

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

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

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

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

    /*
    * dynamic styles for front and backend
    */

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

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

    /*
    * activate framework widgets
    */

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

    }

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

    /*
    * add post format options
    */

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

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

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

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

    add_theme_support( ‘avia_post_meta_compat’);

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

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

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

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

    add_action( ‘after_setup_theme’, ‘av_theme_slug_setup’ );

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

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

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

    require_once( ‘functions-enfold.php’);

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

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

    HI.

    This is the custom code on the page

    #fullwidthsection .container {
    width: 100% !important;
    padding:0px;
    max-width: none !important;
    }
    .avia-section.av-minimum-height .container .content p{
    margin:0px;
    }

    #fullwidthpossl .container {
    width: 100% !important;
    padding:0px;
    max-width: none !important;
    }
    .avia-section.av-minimum-height .container .content p{
    margin:0px;
    }

    .mfp-title {
    display: none !important;
    }

    .mfp-counter {
    display: none !important;
    }

    .avia-slideshow-inner {
    height: 400px !important;
    }

    #header .av-main-nav > li > a {
    background-color: transparent !important;
    }

    #avia-menu .avia-menu-text {
    background-color: transparent !important;
    }

    .slide-image {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    }

    @media only screen and (max-width: 990px) {
    .avia-slideshow-inner {
    height:auto !important;
    }
    }

    #1003354

    Hi, Vinay,
    I just saw a small issue I need to fix please, so in between the initial (big) logo (max-height: 90px;) and the scrolled (small) logo (max-height: 37.13px;) we have the “interim” logo (max-height: 80px;) w/o the paddings … So, how I could change the (max-height: 80px;) for (max-height: 71px;) please as it look great.
    The only code we put into Quicj CSS was:

    /* Logo */
    .responsive #top #header #header_main .inner-container .logo {
    display: flex;
    flex-basis: auto;
    padding-top: 6px;
    width: auto;

    /* Define scalable min width of the Logo on small screens */
    min-width: 106.85px;
    /* Define scalable max width of the Logo on big screens */
    /* Logo width: (auto | 100% | px ); Set auto to display the uploaded image size */
    max-width: 187px;
    z-index: 9;
    }
    /* Logo image size */
    .responsive #top #header .logo,
    .responsive #top #header .logo a,
    .responsive #top #header .logo img {
    width: auto;

    /* Height specification is not required. It is proportional to the max width of the Logo */
    height: auto;
    align-items: center;
    align-self: center;
    justify-content: center;
    }
    /* CSS – Shrinking logo */
    .responsive #top .header-scrolled .logo {
    padding-top: 6px !important;
    }
    .responsive #top .header-scrolled .logo img {
    max-height: 37.14px !important;
    }

    #1002654

    Ismael,

    I´ve used your above code to get the full width sub-menu to stick to the top of the screen for the ipad in landscape mode but it´s having no effect. The menu shows up in the correct place on the page but just scrolls up past the top of the page like the rest of the page contents and doesn´t stick.

    I got round this problem for smaller screens with the burger menu by making the menu stick to the top from page load (which isn´t ideal but I can´t find a way to get it to respond the same on mobile screens as it does on larger screens) with the following css:

    @media only screen and (max-width: 479px) {
    .responsive #top .av-submenu-container {
    position: fixed !important;
    top: 120px !important;}
    #top .av-subnav-menu > li > a {
    font-size: 11px;
    color: #56882d!important;
    font-weight:700 !important;}
    #top #av-custom-submenu-1 .av-menu-button > a .avia-menu-text {padding: 4px;}
    #top .av-subnav-menu > li {margin: 0px 0px 0px 0px;}
    }

    @media only screen and (min-width: 480px) and (max-width: 990px) {
    .responsive #top .av-submenu-container {
    position: fixed !important;
    top: 120px !important;}
    #top #av-custom-submenu-1 .av-menu-button > a .avia-menu-text {padding: 4px;}
    #top .av-subnav-menu > li {margin: 0px 10px 0px 10px;}
    }

    I added your above code for ipad landscape mode with the adjustment as follows:

    @media only screen and (min-width: 991px) and (max-width: 1024px) {
    .responsive #top .av-submenu-container {
    top: auto !important;
    position: relative !important;
    height: auto;
    min-height: 0;
    margin-bottom: -1px;}
    }

    but it´s had no effect. Any ideas? The page that the problem is occuring on is below!

    Thanks for your help!!

    #1002501
    scottmlogan
    Participant

    Hello! Hope you’re doing well. Thanks as always for an amazing theme.

    On our site for the mobile menu I am not really able to scroll up or down.

    I’ve tried several other solutions posted in the help forums such as:

    #mobile-advanced {
    overflow:auto!important;
    }

    and

    #wrap_all { 
    overflow-y: scroll;
    }

    and

    .show_mobile_menu #mobile-advanced {
    overflow-y: scroll;
    }

    and

    @media only screen and (max-width: 767px) {
    .boxed #wrap_all { overflow: hidden; /*needed for mobile menu scrolling */ }
    }

    and

    @media only screen and (max-width: 767px) {
       #wrap_all {overflow: hidden !important; /*needed for mobile menu scrolling */}
    }

    As well as updating to enfold 4.4 and so far nothing has worked.

    I also tried switching to the various mobile menu layout options.

    (just sharing those so you know what I’ve tried so far)

    Any ideas?
    Thanks so much!

    • This topic was modified 7 years, 4 months ago by scottmlogan.
    #998146

    hm – i see it is hard to style if you got a header sticky to top. Because it scrolls away.
    so i’m testing it right now to have the same behavior as #header

    take better the hook: ava_main_header

    add_action( 'ava_main_header', 'enfold_customization_widget_area_before_header' );
    function enfold_customization_widget_area_before_header() {
      dynamic_sidebar( 'before-header' );
    }

    and create a new widget called: before-header

    but even this is hard to obtain rightly designed – because – the offset to main was wrong calculated then.
    On non shrinking headers you can adjust this by giving the main container a different padding-top.

    #header_main > .widget {
        width: 100%;
        max-width: 1310px;
        margin: 0 auto;
        padding: 0 50px;
    }
    
    /*** depends on your header settings  ***/
    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 380px;
    }
    • This reply was modified 7 years, 5 months ago by Guenni007.
    #997935

    Hi,

    Thanks for the update. Try to use this css code to adjust the logo’s dimension on IE.

    /*media all*/
    .logo img {
        width: 198px;
        height: auto !important;
    }
    
    .header-scrolled .logo img {
        width: 99px;
    }

    `

    Best regards,
    Ismael

    #997774

    Hi,

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

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

    Best regards,
    Ismael

    #996204

    In reply to: Submenu URL

    Hi Victoria,

    I think I have found the cause already. It is on tab section setting, I should have left empty the column for “initial open”. I did it and it didn’t scroll automatically anymore. Thank you

    #995348

    In reply to: Header Formatting Help

    Hey raisonbrands,

    First please excuse the late reply.

    We would like the menu flyout to be on the same side as the burger menu icon. Can we just move burger icon and magnifying glass to the right as it is normally?

    I added this code to the quick css field to move the menu button to the right:

    
    #top  #wrap_all .main_menu {
        position: absolute !important;
    }
    

    I also centered and increased the logo image with this code:

    
    .responsive #top #wrap_all #header #header_main .inner-container .logo {
        width: auto;
        margin-right: auto;
        margin-left: auto;
        min-height: 100px;
    }
    

    You can replace the min-height value (100px) with a lower or higher value to adjust the logo size. You can also add a min-width value to the code. Please don’t forget to clear the browser cache – otherwise you might not notice the changes.

    On hover, I would like the menu links to change to white (on the red background). There is not an option to change text color on hover in the advanced styling Menu Icon / slide out feature.

    I added this code to change the hover color:

    
    
    .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a:hover {
        color: #ffffff;
    }
    

    Best regards,
    Dude

    #994879

    Topic: Submenu URL

    in forum Enfold
    etcc_1002
    Participant

    Hi,

    Could you please advise why my product listing URL always open up the page but right away scroll to submenu section?
    Example: I click on one of the product listing which open up the page on https://www.xxx.com/product/3d2n-mt-papandayan/. It does open to that page however the url automatically changed by itself to https://www.xxx.com/product/3d2n-mt-papandayan/#itinerary.
    Which means it skips the top page and scroll to #itinerary section instead.
    Any setting that I did wrong? Please advise.

    Thank you

    #994260

    Hello,

    in the Fullscreenslider Setup, we have a checkbox for mute the video. My Video have no sound, but when i activate this checkbox it is working :-)

    But can you please look now to the website. The Video begins to play in the Slider, but when it ends, than it doesn´t show the second slider in Safari. Why does this not work with Safari? I only see after the video a black Slider. I can only scroll manually between the sliders. I do not have activate videoloop or deactivate the autoplay.

    On the other Browsers does it work correctly with the auto scroll after the video ends.

    #993887
    jmorley88
    Participant

    Hi Guys,

    I have added a new logo/partner slider and its not auto rotating.

    I have tried deactivating all plugins
    Clearing cache
    The theme is up to date
    No errors in the console log

    Any ideas

    #993283

    In reply to: contact form popup

    Hey Mike,

    Thank you for the quick response !

    1. The “main_color” did the job, but still the validation “error” not styled properly.
    2. Thank you for the explanation! OK for me.
    3. Unfortunately I can’t fix the scroll issue (auto scroll of background under the popup) with the code you provided, please find Popup! button on the page.

    Please, let me know if you need more information!

    Thanks,
    Andrii

    #993075

    In reply to: contact form popup

    Hi,
    1: To fix the styling of the contact form in the light box, add the class “main_color” to the popup like this:

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

    This also fixes the styling of the success message.

    2: The contact form shows the success message until the user leaves the page, thus refreshing the session cookie, because a real person would not stay on the same page sending multiple messages, a spam bot would though. The popup contact form behaves the same way, closing the box doesn’t refresh it, the session cookie is set until the page is refreshed.
    I hope this explains the reason the success message preforms this way, and I would not recommend changing this function, but if you really wanted to the solution would be to add some javascript to refresh the page on popup close, which will refresh the whole page.

    3: To prevent the page from scrolling while the popup is open, please add this code to the top of your code block element above your popup code:

    <script>$(document).ready(function() {
    $('.white-popup')
        .css('cursor', 'pointer')
        .click(function(e) {
            e.preventDefault();
            $('body').css('overflow', 'hidden');
        });
    $('.mfp-close')
        .css('cursor', 'pointer')
        .click(function(e) {
            e.preventDefault();
            $('body').css('overflow', 'auto');
        });
    });</script>

    Best regards,
    Mike

    #992799

    Hi Marco,

    This is the code which is causing the problem, how did you add that?

    <!-- To speed up the rendering and to display the site as fast as possible to the user we include some styles and scripts for above the fold content inline -->
    <script type="text/javascript">'use strict';var avia_is_mobile=!1;if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)&&'ontouchstart' in document.documentElement){avia_is_mobile=!0;document.documentElement.className+=' avia_mobile '}
    else{document.documentElement.className+=' avia_desktop '};document.documentElement.className+=' js_active ';(function(){var e=['-webkit-','-moz-','-ms-',''],n='';for(var t in e){if(e[t]+'transform' in document.documentElement.style){document.documentElement.className+=' avia_transform ';n=e[t]+'transform'};if(e[t]+'perspective' in document.documentElement.style)document.documentElement.className+=' avia_transform3d '};if(typeof document.getElementsByClassName=='function'&&typeof document.documentElement.getBoundingClientRect=='function'&&avia_is_mobile==!1){if(n&&window.innerHeight>0){setTimeout(function(){var e=0,o={},a=0,t=document.getElementsByClassName('av-parallax'),i=window.pageYOffset||document.documentElement.scrollTop;for(e=0;e<t.length;e++){t[e].style.top='0px';o=t[e].getBoundingClientRect();a=Math.ceil((window.innerHeight+i-o.top)*0.3);t[e].style[n]='translate(0px, '+a+'px)';t[e].style.top='auto';t[e].className+=' enabled-parallax '}},50)}}})();</script>		<style type="text/css" id="wp-custom-css">
    			body.home .title_container .breadcrumb-trail,
    body.home .title_container .main-title {
      visibility: hidden;
    }		</style>

    Best regards,
    Rikard

    #990215
    denisesl23
    Participant

    Hello,
    while inserting a few amazon product codes via iframe I noticed that the iframes did not work after the page has been saved a second time. The original amazon code looks like this:

    iframe style="width: 120px; height: 240px;" src="//ws-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&OneJS=1&Operation=GetAdHtml&MarketPlace=US&source=ac&ref=tf_til&ad_type=product_link&tracking_id=bzhealthymama-20&marketplace=amazon&region=US&placement=B00AQFGL3O&asins=B00AQFGL3O&linkId=445f99cfce63a9b5644914b45cd44be8&show_border=false&link_opens_in_new_window=false&price_color=333333&title_color=0066c0&bg_color=ffffff" frameborder="0" marginwidth="0" marginheight="0" scrolling="no">
    </iframe>

    When the page is saved a second time the code gets broken and loos like this:

    <iframe style="width: 120px; height: 240px;" src="//ws-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&OneJS=1&Operation=GetAdHtml&MarketPlace=US&source=ac&ref=tf_til&ad_type=product_link&tracking_id=bzhealthymama-20&marketplace=amazon®ion=US&placement=B00AQFGL3O&asins=B00AQFGL3O&linkId=445f99cfce63a9b5644914b45cd44be8&show_border=false&link_opens_in_new_window=false&price_color=333333&title_color=0066c0&bg_color=ffffff" frameborder="0" marginwidth="0" marginheight="0" scrolling="no">
    </iframe>

    The part of the iframe that says

    amazon&region=US

    gets chnaged after the second saving of the page to:

    amazon®ion=US

    and that does of course not work.

    This happens only with the Enfold Page Builder not if I use the standard WordPress builder.

    What can I do to avoid that automatic code change?

    • This topic was modified 7 years, 5 months ago by denisesl23.
    #986454

    Hi,
    I just checked. The old ones don’t have the excerpts manually entered but I still remember that when I imported those posts from blogger, the theme automatically picked excerpts and show under title in the categories as well. And the new ones that I directly posted on site, I uploaded without excerpts and the theme always picked excerpts automatically too for both, the blog page and categories page.

    Later when I updated the theme somewhere in 2017, it didn’t show the excerpts on categories pages.

    Please note that the excerpts are visible on the log page for all those posts. Now even if I enter manually on each post, the category page is still showing full posts. http://xandrianoir.com/category/art/ Please scroll to check.

    Can you please do something so the theme can automatically pick excerpts for the category page too. Please help.

    This was the problem in 2015 as well but it was fixed yet after update, returned. https://kriesi.at/support/topic/blog-categories-6/

    Please help. You have always been the best support team.

    Regards,

    Xan

    #985903
    Luisgasser
    Participant

    Hello,

    i was embeding an html code from just answers (https://www.justanswer.com) for a question window.

    I used the code block element – after refresh the backend all layout elements was deleted.

    Do you have any experience with (https://www.justanswer.com) or do you know another way to embed the html with no risk?

    Here ist de code – maybe it helps:

    <div style=”position:relative;margin:auto;cursor:default;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;width:300px;height:250px;overflow:hidden;background-image:url(http://gadgets.justanswer.com/ja/assets/2015gadget_BG.jpg);”><div id=”headline__justanswer__” style=”position:absolute;left:14px;top:10px;width:272px;height:32px;font-family:Arial Black,sans-serif;color:#ffffff;line-height:110%;text-align:left;”>Fragen Sie jetzt einen Arzt</div><div id=”tagline__justanswer__” style=”position:absolute;left:14px;top:40px;width:272px;height:48px;font-family:Arial,sans-serif;color:#ffffff;line-height:130%;text-align:left;”>12 Ärzte sind gerade online.<br/>Alle 9 Sekunden wird eine Frage beantwortet!</div><form style=”margin:0;padding:0;background-color:transparent;display:inline;” id=”frm__justanswer__” target=”_blank” method=”POST” onsubmit=”go__justanswer__(this);return false;”><input id=”fid__justanswer__” type=”hidden” value=”” name=”fid” /><input id=”question__justanswer__” type=”hidden” value=”” name=”question” /><input id=”refid__justanswer__” type=”hidden” value=”” name=”refid” /><input id=”tpath__justanswer__” type=”hidden” value=”” name=”tpath” /><textarea id=”input__justanswer__” placeholder=”Geben Sie hier Ihre Frage ein…” style=”position:absolute;left:20px;top:85px;width:260px;height:100px;font-family:Arial,sans-serif;color:#000000;font-size:13px;text-align:left;border:none;background-color:#ffffff;”></textarea></form><div id=”__justanswer__button” style=”cursor:pointer;position:absolute;white-space:nowrap;right:12px;top:206px;height:32px;” onclick=”go__justanswer__();”><div style=”position:absolute;right:0;height:31px;”><div style=”position:absolute;right:7px;top:0;height:31px;background-repeat: norepeat;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAnCAYAAADdN2JWAAAD8GlDQ1BJQ0MgUHJvZmlsZQAAOI2NVd1v21QUP4lvXKQWP6Cxjg4Vi69VU1u5GxqtxgZJk6XpQhq5zdgqpMl1bhpT1za2021Vn/YCbwz4A4CyBx6QeEIaDMT2su0BtElTQRXVJKQ9dNpAaJP2gqpwrq9Tu13GuJGvfznndz7v0TVAx1ea45hJGWDe8l01n5GPn5iWO1YhCc9BJ/RAp6Z7TrpcLgIuxoVH1sNfIcHeNwfa6/9zdVappwMknkJsVz19HvFpgJSpO64PIN5G+fAp30Hc8TziHS4miFhheJbjLMMzHB8POFPqKGKWi6TXtSriJcT9MzH5bAzzHIK1I08t6hq6zHpRdu2aYdJYuk9Q/881bzZa8Xrx6fLmJo/iu4/VXnfH1BB/rmu5ScQvI77m+BkmfxXxvcZcJY14L0DymZp7pML5yTcW61PvIN6JuGr4halQvmjNlCa4bXJ5zj6qhpxrujeKPYMXEd+q00KR5yNAlWZzrF+Ie+uNsdC/MO4tTOZafhbroyXuR3Df08bLiHsQf+ja6gTPWVimZl7l/oUrjl8OcxDWLbNU5D6JRL2gxkDu16fGuC054OMhclsyXTOOFEL+kmMGs4i5kfNuQ62EnBuam8tzP+Q+tSqhz9SuqpZlvR1EfBiOJTSgYMMM7jpYsAEyqJCHDL4dcFFTAwNMlFDUUpQYiadhDmXteeWAw3HEmA2s15k1RmnP4RHuhBybdBOF7MfnICmSQ2SYjIBM3iRvkcMki9IRcnDTthyLz2Ld2fTzPjTQK+Mdg8y5nkZfFO+se9LQr3/09xZr+5GcaSufeAfAww60mAPx+q8u/bAr8rFCLrx7s+vqEkw8qb+p26n11Aruq6m1iJH6PbWGv1VIY25mkNE8PkaQhxfLIF7DZXx80HD/A3l2jLclYs061xNpWCfoB6WHJTjbH0mV35Q/lRXlC+W8cndbl9t2SfhU+Fb4UfhO+F74GWThknBZ+Em4InwjXIyd1ePnY/Psg3pb1TJNu15TMKWMtFt6ScpKL0ivSMXIn9QtDUlj0h7U7N48t3i8eC0GnMC91dX2sTivgloDTgUVeEGHLTizbf5Da9JLhkhh29QOs1luMcScmBXTIIt7xRFxSBxnuJWfuAd1I7jntkyd/pgKaIwVr3MgmDo2q8x6IdB5QH162mcX7ajtnHGN2bov71OU1+U0fqqoXLD0wX5ZM005UHmySz3qLtDqILDvIL+iH6jB9y2x83ok898GOPQX3lk3Itl0A+BrD6D7tUjWh3fis58BXDigN9yF8M5PJH4B8Gr79/F/XRm8m241mw/wvur4BGDj42bzn+Vmc+NL9L8GcMn8F1kAcXgSteGGAAAB1WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOkNvbXByZXNzaW9uPjE8L3RpZmY6Q29tcHJlc3Npb24+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOlBob3RvbWV0cmljSW50ZXJwcmV0YXRpb24+MjwvdGlmZjpQaG90b21ldHJpY0ludGVycHJldGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KAtiABQAAAOBJREFUOBGNVEEOwjAMS6PcOCK+wYVHIfFTngIHfrAGJwOJA3USadM0u6njehv369Hdh7Cy8+kgBUfM0SIuViaKrXwyjuj0jRICVBcuOkgm0yFc43lZmpqW8A6Yx2iDz2fBTeK+6O+di/ksSTP/Lv95CU1cT3Cb2+Xp8m42Bz+3/nbBrLRjuoGzqzRF5IpWFrK1iEuaOQfPlIVNSFToX5ZB9hL8AhkVhJMWPgSKJ9g74NnQ1OrUItkG4RUTOHc7xtt9KojwqTZKFb+Mqix+c5VXyFOj0/O11fG9PS6QxJ16AypPSjlehr1jAAAAAElFTkSuQmCC);”><div id=”button_text__justanswer__” style=”display:inline-block;position:relative;top:0.1em;font-family:Arial,sans-serif;color:#ffffff;text-align:center;white-space:nowrap;line-height:100%”>Antwort erhalten</div></div></div></div></div>
    <script>
    //<!–
    (function() {

    var _gel__justanswer__ = function(id) {

    return document.getElementById(id);
    };

    var getArgs = function() {

    var params = {};
    var paramString = window.location.search.substring(1);
    if (paramString) {
    var pairs = paramString.split(‘&’);
    for (var i = 0; i < pairs.length; i++) {
    var p = pairs[i].split(‘=’);
    var paramval = ”;
    var decodedName = decodeURIComponent(p[0]);
    if (decodedName.length > 0) {
    if (p.length > 1) {
    paramval = decodeURIComponent(p[1]);
    }
    params[decodedName] = paramval;
    }
    }
    }
    return params;
    }
    var args = getArgs();

    var fitText = function(node) {

    var fsz = 30;
    if (node) {
    do {
    node.style.fontSize = (–fsz) + ‘px’;
    } while (fsz > 12 && (node.scrollHeight > node.clientHeight || node.scrollWidth > node.clientWidth));
    }
    return fsz;
    };

    var landing_page = ‘http://www.justanswer.de/gadget-landing.aspx?r={REFID}&FID={FID}&TP={TPATH}JPRC=1&JPAF=gadget&question={QUESTION}’;
    var landing_page_noq = ‘http://www.justanswer.de/medizin/&#8217;;

    var go__justanswer__ = function(frm) {

    var args = getArgs();

    // get question value
    var question = ”;
    var inp = document.getElementById(‘input__justanswer__’);
    if (inp) {
    question = (inp.value || ”).substr(0, 1024);
    }

    // get selection value
    var forum = ‘135’ || ‘6’;
    var sel = document.getElementById(‘selection__justanswer__’);
    if (sel) {
    if (sel.selectedIndex >= 0) {
    forum = sel.options[sel.selectedIndex].value;
    }
    }

    var url = (question ? landing_page : landing_page_noq);
    url = url.replace(‘{FID}’, forum);
    url = url.replace(‘{REFID}’, ‘JAPPC’ || ”);
    url = url.replace(‘{TPATH}’, ‘tech.300×250’ || ”);

    if (question && url.indexOf(‘{QUESTION}’) < 0) {
    url += ‘&question={QUESTION}’;
    }
    url = url.replace(‘{QUESTION}’, encodeURIComponent(question));

    if (‘<mpvc/><mpck/>’ != (‘<mp’ + ‘vc/><mp’ + ‘ck/>’)) {
    url = ‘<mpvc/>http://<mpck/&gt;?mpre=’ + encodeURIComponent(url);
    } else if (‘http://trk.justanswer.com/aff_c?offer_id=14&aff_id=6956&file_id=434&#8217; != (‘{tracki’ + ‘ng_link}’)) {
    url = ‘http://trk.justanswer.com/aff_c?offer_id=14&aff_id=6956&file_id=434&url=&#8217; + encodeURIComponent(url);
    }
    // do it again in case the tracking page needs it
    url = url.replace(‘{QUESTION}’, encodeURIComponent(question));
    url = url.replace(‘{FID}’, forum);
    url = url.replace(‘{REFID}’, encodeURIComponent(‘JAPPC’) || ”);
    url = url.replace(‘{TPATH}’, ‘tech.300×250’ || ”);
    console.log(‘landing_page: ‘ + url);

    frm = frm || document.getElementById(‘frm__justanswer__’);
    if (!frm) {
    location.href = url;
    } else {
    (document.getElementById(‘question__justanswer__’) || {}).value = (document.getElementById(‘input__justanswer__’) || {}).value;
    (document.getElementById(‘fid__justanswer__’) || {}).value = forum;
    (document.getElementById(‘refid__justanswer__’) || {}).value = ‘JAPPC’;
    (document.getElementById(‘tpath__justanswer__’) || {}).value = ‘tech.300×250’;
    frm.target = ‘_blank’;
    frm.action = url;
    frm.submit();
    }
    };
    var load_script = function(script_url) {

    var script = document.createElement(‘script’);
    script.type = ‘text/javascript’;
    script.charset = ‘UTF-8’;
    script.src = script_url;
    var head = (document.getElementsByTagName(‘head’)[0] || document.documentElement);
    head.insertBefore(script, head.firstChild);
    console.log(‘brandaware: ‘ + script_url);
    };

    var script_url = ”;
    script_url = ‘http://just-answer-hrd.appspot.com/ac?&#8217;;
    script_url += ‘&uq=’ + encodeURIComponent(‘__justanswer__’);
    script_url += ‘&sz=’ + encodeURIComponent(‘300×250’);
    script_url += ‘&topic=’ + encodeURIComponent(‘tech’);
    script_url += ‘&section=’ + encodeURIComponent(” || ‘dd’);
    script_url += ‘&lang=’ + encodeURIComponent(” || ‘en’);

    // signals
    script_url += ‘&s0=’ + encodeURIComponent(” || ‘0’);
    script_url += ‘&s1=’ + encodeURIComponent(” || ‘0’);
    script_url += ‘&s2=’ + encodeURIComponent(” || ‘0’);
    script_url += ‘&s3=0’; // nosip: true for pearl only
    script_url += ‘&s4=0’; // + encodeURIComponent(”);
    script_url += ‘&s5=0’; // + encodeURIComponent(”);
    script_url += ‘&s6=0’; // + (it.style.display != ‘none’ ? 1 : 0);
    script_url += ‘&s7=0’; // + encodeURIComponent(”);

    try {
    script_url += ‘&site_domain=’ + encodeURIComponent(document.domain);
    script_url += ‘&title=’ + encodeURIComponent(document.title || ”);
    script_url += ‘&site=’ + encodeURIComponent(top.location.hostname);
    } catch(err) {
    }

    var site_url = ”;
    try {
    site_url = (args[‘site_url’] || top.location.href || ”);
    } catch(err) {
    site_url = ‘http://&#8217; + document.domain || ”;
    }
    script_url += ‘&urid=’ + encodeURIComponent(‘contextual’);
    script_url += ‘&cid=’ + encodeURIComponent(site_url.substr(0, 1024));

    load_script(script_url);
    fitText(document.getElementById(‘headline__justanswer__’));
    fitText(document.getElementById(‘tagline__justanswer__’));

    window.textFits__justanswer__ = function(){};
    window.rightSize__justanswer__ = function(){};
    window.go__justanswer__ = go__justanswer__;
    window._gel__justanswer__ = _gel__justanswer__;
    window.boot__justanswer__ = function(o) {

    if (o[‘headline’]) {
    var node = _gel__justanswer__(‘headline__justanswer__’);
    if (node) {
    node.innerHTML = o[‘headline’];
    fitText(node);
    }
    }

    if (o[‘tagline’]) {
    var node = _gel__justanswer__(‘tagline__justanswer__’);
    if (node) {
    node.innerHTML = o[‘tagline’];
    fitText(node);
    }
    }

    if (o[‘destination_url’]) {
    //landing_page = o[‘destination_url’];
    }
    };
    })();
    // –>
    </script>

    Thank you for helping!

Viewing 30 results - 421 through 450 (of 1,181 total)