by the way :lol
be creative: http://elrumordelaluz.github.io/draGGradients/

#top .av-siteloader-wrap {
    background: radial-gradient(circle at 89.99% 7.99%, #7e75ff, transparent 67%),radial-gradient(circle at 49.9% 49.64%, #73ffab, transparent 61%),radial-gradient(circle at 8.98% 17.50%, #ffff4a, transparent 58%),radial-gradient(circle at 3.98% 90.04%, #ff94fb, transparent 67%),radial-gradient(circle at 93.01% 92.01%, #ff722b, transparent 61%),radial-gradient(circle at 50% 50%, #ffffff, #ffffff 100%)
}

ein link zu dem Kalender wäre schön.
Wenn dieser im Private Content ist, musst du auf einen Mod hier warten.

display:none elements are not in the render tree at all.
visibility:hidden is a different thing!

display:none Elemente sind zwar im DOM und im CSSOM vorhanden, die Zeit die für die Performance allerdings wichtig ist, ist das Rendering der Seite. Diese Elemente werden aber dann nicht gerendert.
Schau mal hier : https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-tree-construction?hl=de
und folgende Seiten.

Really friendly – thank you for the answer; unfortunately it is not usual here that a positive approach to a solution is answered quickly.
Your welcome!

PS : this was the solution for the first (left grid cell – .flex_cell.avia-builder-el-first ) –
you could transfer this solution to the right one yourself ? ( .flex_cell.avia-builder-el-last )
but then it will be better to have a unique class for those grid-row element
maybe ( special-grid-row-left and special-grid-row-right) etc. –

• This reply was modified 6 years, 6 months ago by Guenni007.

the thing is that the tooltip window (hotspot image on the bottom of my link) only arises when hovering the tooltip
it does not exist in the DOM till hovering – so my code here: Link has no influence on it.
Even the DOMNodeInserted function does not work here

so we can force the links inside the inner_tooltip to open in lightbox by this snippet in functions.php of the child-theme:

add_action( 'wp_footer', 'ava_tooltip_script' );
function ava_tooltip_script() {
	?>
	<script type="text/javascript">
	(function($) {
		function b() {
			$(".inner_tooltip a").magnificPopup({
	    		type: 'iframe',
	    		mainClass: 'avia-popup mfp-zoom-in',
	       	});
		}
		$(window).load(function() {
			b();
		});
	})(jQuery);
	</script>
	<?php
}

so now see page: https://webers-testseite.de/image-with-hotspost-linking-to-youtube-in-iframes/

zunächst sind das ja nur beispiele – ich denke du wirst keine Seite 6, 42, oder 54 haben.
Aber was ich oben schrieb – der fehler ist: ohne if kein elseif.
wenn du es dahingehend änderst wird WordPress nicht mehr meckern:

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo){
    if ( is_page( array( 6, 42, 54 ) ) ) {
    	$logo = "http://www.domain.com/wp-content/uploads/logoforpage22.jpg"; 
    }
    return $logo;
}

hast du denn einen if in deinem Code drin?
Ein elseif macht nur sinn, wenn ein if vorhanden ist.

Du kannst es pro Seite entscheiden- wobei es für dich gut wäre die Page-id zu kennen:

Dieses hier in die functions.php deines Child-themas:

Es soll dir verdeutlichen wie es gehen kann mit den if clauses. – wobei du Seiten auch als array nutzen kannst
also da zB Seite 6, 42 und 54 erhalten dann ein logo –
du kannst alles was WordPress an conditional tags bereit hält nutzen: Link

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo){
    if( is_page(21) ) {
    	$logo = "http://www.domain.com/wp-content/uploads/logoforpage21.jpg"; 
    }
  
    elseif ( is_page( array( 6, 42, 54 ) ) ) {
    	$logo = "http://www.domain.com/wp-content/uploads/logoforpage22.jpg"; 
    }

    elseif ( is_page() && !is_page(1307) )  {
    	$logo = "http://www.domain.com/wp-content/uploads/logoforpage23.jpg";  
    }
    return $logo;
}

wenn man wiedersprüchliche Aussagen hat wie jetzt die da unten – muss man sehen ( da würden alle Seiten außer Seite 1307 das logo 23 bekommen)

try this in quick css:

.aviaccordion-slide-link {
    pointer-events: none !important;
}

i miss it too – on Mac OS X i got now the firefox developer edition. these tools are included and they’re a good substitute.

if you are interested i will tell you how to include that “logo in the main-menu” shrinks on scrolling.
We had to edit avia-snippet-sticky-header.js file

on this case you had to change to click event and not on hover tooltip.
This is set in avia-modal.js in line 903ff

/*highlight the modal sub el when hotspot is hovered*/
   				_self.hotspot_container.on('mouseenter', '.av-image-hotspot', function()
   				{
   					var el = $(this).data('modal_sub_el');
   					if(el) el.addClass('av-highlight-subel');
   				});

maybe than it would be possible to have a link in the tooltip window opening on lightbox.
The problem then would be that the tooltip is itself a “popup-window” – but you like to open it in a new lightbox window.

try this in quick css:

.page-id-76763 .av-section-color-overlay-wrap .container {
    width: 100%;
    max-width: calc(100% - 100px) !important;
}

maybe for your setup test different calculation values (the minus px amount)

• This reply was modified 6 years, 6 months ago by Guenni007.

aha – is the source code above new in your thread on top?

why do you need a column in a column? on this page?
if you can not live with this setting (on top 1/1) underneath (2/5 – 1/5 – 2/5) : https://webers-testseite.de/liste/

if you like to nest columns there is a better way to do it in enfold.
the only thing we had to manage is that a grid-row is not full-width ! and here we go. the setup f.e.:
(click to enlarge)

so the added custom class will do the rest with this in functions.php of your child-theme
adjust the settings (max-width) in the code to your settings of enfold : Enfold – General Layout – Dimensions

// Grid-Row Alb not fullwidth
function grid_layout_notfull(){
?>
<script>
(function($){
		$('.av-layout-grid-container.grid-notfull' ).wrap( '<div class="main_color notfullsize"></div>');
		$('.notfullsize').css({"clear": "both", "width": "100%" , "float": "left" , "position": "static" , "min-height": "100px" });
		$('.grid-notfull').css({"max-width": "1310px", "margin": "0 auto" , "padding": "0 50px"});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'grid_layout_notfull');

Such a structured page could then look like this ( only if you have no sidebar on that page – otherwise the sidebar will be under the lowest grid-row or color-section) : https://webers-testseite.de/nesting-columns/