First go to enfold options : layout builder and select your needed settings – my advice do activate all three custom id and classes and selecting the header tags.

but for headings element – you don’t need to do that – here the choose of heading tag is still activated without those settings:

but with the settings above you will have on a lot of other alb elements the possibility to choose headings tag! f.e. iconbox etc. pp:

on base css line 379 there is :

.special_amp{
font-family: "Baskerville", "Palatino Linotype", "Palatino", "Times New Roman", serif; 
font-style: italic; 
font-size: 1.3em; 
line-height: 0.5em; 
font-weight:normal;}

and on functions-enfold.php there is the function: avia_ampersand
to rule the substitution. ( it set the ampersand sign between span tags with class: special_amp
By the way if you gave that custom-class: special_amp to a whole text-block it will show you that styling.

so a lot of users have the problem to get rid of it than to have the style.
And : Baskerville is not a good Websafe Font – so it might not be seen the substitution on older Win Systems: https://www.cssfontstack.com/Baskerville

Yes – i know that this is not caused by Enfold (alone) but even on wordpress themes ( twenty-twenty etc.) the script-src and style-src had to be set to unsafe-inline.
But i do not see why. Is it the customizer script that is implemented in a “wrong” manner?

@ismael : i do not understand how this could work: if(!title) title = item.el.parent().next('.wp-caption-text').html() if there is no wp-caption-text in the page.

and @daniel – if you have on your descriptions html code like bold text or something else you might take .html() instead of .text()

This is a bit more than you like to have but it shows you how you can have influence on different settings using Enfold specific classes – and even you can change the markup for lightbox on that
my example page is on id: 36548 so if you want to have that globally – get rid of if-clause
look to this example code:

function popup_masonry_gallery() { 
if(is_page(36548)){
?>
<script type="text/javascript">
(function($){
$(window).load(function(){  
    $('a.av-masonry-entry.lightbox-added').magnificPopup({
    type: 'image',
		image: {
        titleSrc: false,
        markup: '<div class="mfp-figure">'+
                  '<div class="mfp-close"></div>'+
                  '<div class="mfp-top-bar"></div>'+
                  '<div class="mfp-img"></div>'+
                  '<div class="mfp-bottom-bar">'+
                    '<div class="mfp-title"></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: {
		markupParse: function (template, values, item) {
			values.title = item.el.find('img').attr('alt') + '<br>' + item.el.closest('.av-masonry-entry').find('.av-masonry-entry-content').text();
		},

		// this - is Magnific Popup object.
        change: function() {
            $(this.content)
                .find('.mfp-top-bar')
                .html(
                    '<h2>' +
                        $(this.currItem.el).attr('title') +
                    '</h2>'
                );
        },
      	buildControls: function() {
	        // re-appends controls inside the main container
	        this.arrowLeft.appendTo(this.contentContainer);
	        this.arrowRight.appendTo(this.contentContainer);
      	},
    },
  }); 
  // close the iframe window
  $(document).on('click', '.popup-modal-dismiss', function (e) { 
    $.magnificPopup.close();
  });
});
})(jQuery);
</script>
<?php }}
add_action('wp_footer', 'popup_masonry_gallery');

first i get my selector – as on enfold it is the class lightbox-added
then i declare a new markup for that popup with f.e. a top-bar
on the callbacks i set the mfp-title to the image alt attribute and in the second line i look for the enfold description place – and get the text from: av-masonry-entry-content
in the new top-bar i place the img title as mfp-title !

see result: https://webers-testseite.de/lightboxes/

click the first image – you will see where the texts comes from in that new markup

Important: The captions had to be shown on that masonry in the enfold options dialog – otherwise they are not in the markup.
so if you do not like to have the visible set the figcaption to display none.

.mfp-top-bar h2 {
    color: #fff;
    font-weight: normal;
}

.page-id-36548 .av-inner-masonry-content {
    display: none;
}

hm – ismael that will not be enough : and will end in:

and a non working wordpress page (

hm – what i can not believe is that your home page is not declared as it is. : home – but nevertheless we can address that page via its id:

.page-id-45 .av-section-bottom-logo.header_color {
    position: absolute;
    z-index: 5;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(255,255,255,0.5) !important
}

you decide what looks best on transparency options.

my thoughts on that are here resumed: https://kriesi.at/support/topic/header-security-entries/#post-1155949
the question is why we had to set it to unsafe-inline and unsafe-eval to have a working site?

you can see here f.e.: that it is mostly a wordpress thing https://core.trac.wordpress.org/ticket/38695

I hope that WordPress should take care of that: and that an unsafe-inline and unsafe-eval is not necessary in the future releases

hm – first of all : who is responsible for the contents of your page in your imprint?
So also this contact person has to take care of it.

Everyone has completely different pages, and relevant also page requirements. If you use Google systems, then these must flow into your releases also there. Do you use cloud services or CDNs – and which ones etc. pp. Analytics Tools …
These are so many parameters that only you can know, that it would be unfair to charge these tasks to a theme creator.

These header security entries are only indirectly related to the GDPR. They should prevent that various illegal attacks (Man in the Middle etc.) on the part of third can take influence on your site.

Well, don’t shirk your responsibilities. With SSL certificates, you also have to take care of it yourself.

https://kriesi.at/support/topic/header-security-entries/

i did it via htaccess file.

may i see your site please – think of – i’m participant as you are and can not see private area

This is meant to be a suggestion: https://webers-testseite.de/sticky-sidebar/

The sidebar is fixed as long as the content container can scroll. If the sidebar has more content than the screen height – it is recommended to scroll at the end.

you have to transfer this to sidebar left and to your page-id.

Here you can see another page with same idea: https://webers-testseite.de/sticky-elements/
or here: https://webers-testseite.de/layout-mimic/. – see whats happening on the end of the page. ;)

PS : a lot of tools to redirect – and even Yoast SEO did it this way.
But i try to find a solution to completely hamper creation of those attachment pages – but didn’t found one.

Many thanks – I like people with good behaviour. ;)

Anyway – under my nick there is my contact information, if you know where the layout goes, then I’m happy to help.
But with your code above, which you used, I don’t think a special help is necessary. Sometimes you just can’t get to the simplest things, like the Order option of a Flex layout.
Otherwise my example pages are mostly without merging, so that you get quite far with the developer tools to pick out the css instructions.

look to your other topic.
You have your single Books in Posts – so use first Blog Element to show these Posts in a Grid view.

More and more I come to the conclusion that you may not have discovered the Enfold typical editor yet.
With your 18 topics, that might be the case.
First of all I recommend you to disable the Block Editor (Gutenberg). I find this only confusing in connection with Enfold.
This can be done under Dashboard – Enfold (or Enfold Child) – Theme Options = Select Your Editor

Then you have a button below the Title input field of each Editor Page ( Pages / Posts/ Portfolio) : Advanced Layout Editor. If you press this button, then these Advanced Layout Builder Elements ( ALB Elements) will appear above the layout window (sometimes this is not quite clear in the theme because Avia Layout Builder is also used as a name).

This is indeed the great strength of this theme. An intuitive layout design via drag and drop; sometimes with a little too many settings, but most of them are quite useful and have grown over time.