by the way : is it a wanted great padding on top and bottom of the logo?
The bigger it is – the sharpe it will be rendered

Yes Ismael – but the thing is that i do not know how to use the filter on that case.
First – it is unclear what context to use – second how to ? The code above does not work!
So have a look please – or ask Günter how to get it the right way here.
Thanks

On the right side it is an Image Alb with custom Link :
https://www.loom.com/embed/663801139e9a42d2a6b2447435b50b3d?autoplay=1&iframe=true

Why do you use an image for that?
use svg for that (by the way what font was that )

you can allow the mime-type svg via child-theme functions.php :

function custom_mtypes( $m ){
    $m['svg'] = 'image/svg+xml';
    $m['svgz'] = 'image/svg+xml';
    return $m;
}
add_filter( 'upload_mimes', 'custom_mtypes' );

or my recommendation is to use that very nice little plugin svg-support

then you even can use svg inline – not as img src
there are some css you had to place then – because not all svgs have height – width definitions inside.
so f.e a width in absolut value had to be set for some browsers.

just a forgotten array for toggle_container and developer_options_toggle

i have no developer tab too on my avia_sc_submenu ALB

by the way – you can place the bottom bar inside the Image – because if you got a lot of text it will sometimes be out of the viewport.
so look to the example-page above again! This is css for that:

.page-id-32904 .mfp-bottom-bar {
    top: initial;
    bottom: 40px;
    width: calc(100% - 20px);
    margin: 10px;
    background: rgba(0, 0, 0, 0.4);
}

well what i did now:
give a custom-class to that masonry alb element: lightbox-with-description ( you can adjust this to a more easier class )
Fill out the description fields –
I decided to create an own markup for mfp – it is easier to address then with class : mfp-description in the bottom-bar
Adjust the page id to yours or get rid of that if clause ( think of to delete one of the last curly brackets then on the end )
Choose on Masonry ALB to show both Title and Description !!! ( i set the description to display: none then to have it only on lightbox )
https://webers-testseite.de/masonry/

function popup_masonry_with_description() { 
if(is_page(32904)){
?>
<script type="text/javascript">
(function($){
$(window).load(function(){  
    $('.av-masonry.lightbox-with-description a.av-masonry-entry.lightbox-added').magnificPopup({
    type: 'image',
    image: {
      markup: '<div class="mfp-figure">'+
        '<div class="mfp-close"></div>'+
        '<div class="mfp-img"></div>'+
        '<div class="mfp-bottom-bar">'+
          '<div class="mfp-title"></div>'+
          '<div class="mfp-description"></div>'+
          '<div class="mfp-counter"></div>'+
        '</div>'+
      '</div>',
    },
    mainClass: 'avia-popup mfp-zoom-in mfp-image-loaded',
    closeOnContentClick: false,
    midClick: true,
    gallery: { enabled: true },
    callbacks: {
        change: function() {
            $(this.content).find('.mfp-description').html('<p>'+$(this.currItem.el).find('.av-masonry-entry-content').html()+'</p>');
        },
    },
  }); 
});
})(jQuery);
</script>
<?php 
}
}
add_action('wp_footer', 'popup_masonry_with_description');

some css for quick css:

.page-id-32904  .lightbox-with-description .av-masonry-entry-content.entry-content {
    display: none;
}
.page-id-32904 .mfp-description {
  color: #fff;
  width: 85%
}
.page-id-32904 div .mfp-title {
  font-size: 24px;
}
.page-id-32904 .mfp-description p {
    line-height: 24px;
    margin: 0 !important;
}

im looking for a solution with filter of enfold: avf_customize_heading_settings
maybe a mod can give us advice to use it on that element
___________________________

but this will work fast too with maybe with more specifity if the selectors in that line: replaceElementTag( …) are more “picky”:

function replace_tags_with_tags(){
?>
<script>
  (function($) {       
      function replaceElementTag(targetSelector, newTagString) {
        $(targetSelector).each(function(){
          var newElem = $(newTagString, {html: $(this).html()});
          $.each(this.attributes, function() {
            newElem.attr(this.name, this.value);
          });
          $(this).replaceWith(newElem);
        });
      }
      replaceElementTag('h3.entry-title', '<h2></h2>'); 
  }(jQuery)); 
</script>
<?php
}
add_action('wp_footer', 'replace_tags_with_tags');

by the way – there are css settings for h2 ( f.e. uppercase etc. ) you have to adjust those settings after change
you can have on that snippet more than one replacement . just add new lines as:
replaceElementTag('h3.entry-title', '<h2></h2>'); under each other – semicolon separated

to use the filter we need to have the

on a avia_sc_content_slider it could be done this way:

function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() )
{	
	if( 'avia_sc_content_slider' == $context && is_array( $extra_args ) && in_array( 'slider_entry', $extra_args ) )
	{
		$args['heading'] = 'h2';						
		$args['extra_class'] = 'custom-class';		
	}
	return $args;
}
add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );

Or:
with extra_args : slider_title

___________

but how to handle it on : avia_sc_postslider
the extra_args are a bit different there

$default_heading = 'h3';
$args = array(
			'heading'		=> $default_heading,
			'extra_class'	=> ''
		);

$extra_args = array( $this, $index, $entry );

And how to use it globaly with no custom-class ?

i thought that the word-break: break-all does not insert a dash.

There are already in the Chrome Forums petitions to take up hyphens soon (again)

Best Method is to set the “Predetermined breaking points” in a word manually with soft-hyphens.
these are f.e. ­
see: Link
so you can have in a heading: super­cali­fragilistic­expi­alidocious
__________

Only read further if you are familiar with editing code in php files.
One big disadvantage is on that – you do not see the once inserted softhyphens or non-breaking space if you will edit the alb.
And sometimes these editons will be lost on updating that alb ( headings f.e.)

Günter wrote a little Plugin to use special characters on Inputfields ( tables, headings etc ) for example if you have a greater than sign :
Link to the github
if you open that little php file: avia-special-characters-plugin.php you see on lines 41ff the list
because i do not want to write 3# before and 3# my list is edited to:

$this->translate = array(
	'#lt#'		=> '<',
	'#gt#'		=> '>',
	'#amp#'		=> '&',
	'#91#'		=> '[',
	'#93#'		=> ']',
	'#quot#'	=> '"',
	'#34#'		=> "'",
	'#br#'		=> '<br/>',
	'#p#'		=> "< p >",
	'#shy#'		=> '­',
        '#nbsp#'	=> ' ',
);

sorry Boardsoft rendered the last signs in the wanted way – here is the image :

from that on – if you wrote in a header #shy# a softhyphen will be added – and it resists editing that alb and you see it in preview where you have set those special characters. Frontend renders them as wanted.

put this to quick css:
adjust right position to your language – seems to be a matter of translation:
on english it is just Add Cell (very short)

.avia-set-cell-size {
    right: 135px !important;
}

Wenn man mal im Text irgendwo das heutige Datum benutzen möchte kann man sich einen Shortcode selbst in die child-theme functions.php setzen
:

function date_shortcode() {
  $datum = date_i18n( 'l,  j. F Y' );
  return $datum;
}
add_shortcode('datetoday', 'date_shortcode');

ist dann so zu benutzen: [datetoday]
schau mal hier ganz unten: https://webers-testseite.de/3columns/

PS: diesen Shortcode kann man im Übrigen auch im Copyright Feld von Enfold einsetzen. !

It was just a trick to have this tab editable.
But with stretched layout it is not necessary, because the dynamic-css.php has a rule for this.
In this case the background color of the socket determines the html background color.

just for info : and now i found the reason why it is socket color: see dynamic-css.php lines 912ff

case '.socket_color':

	$output .= "

	html, #scroll-top-link, #av-cookie-consent-badge{ background-color: $bg; }
	#scroll-top-link, #av-cookie-consent-badge{ color: $color; border:1px solid $border; }
	
	.html_stretched #wrap_all{
	background-color:$bg;
	}
	";

so the code says – if you have a socket color and stretched layout – background-color is of html the same