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 7 years, 2 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/

and by the way i mentioned that custom class input field because of your sentence:

Then I edited a text block on a page, and created a custom field named “textblock-black-background”.

And by the way – you do not need this to realize your project; On that ALB Textblock Element you have that settings dialog for text color. And on the surrounding column (1/1, 1/2, etc) you have a similar settings dialog for background-color:

thanks for feedback

can you sketch what you want to do?
something like this: https://webers-testseite.de/grid-row-2/

both elements ( color-section and grid-row) are full-width elements.
I miss this too – an element that can be a container for other elements and can have the sidebar besides.
That would be a great thing.
Espacially the grid-row will be nice to have this behavior – because as you can see at his consturct – ( Link ) – that it would be a very fleible way to layout things.