This is part of a demo site!

• activate the Debug Mode in Enfold by adding this to your child-theme functions.php

// Debug Modus Enfold
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug(){
  return "debug";
}

• Create a new page on your enfold installation – don’t forget to name it
• Enable the Advanced Layerslider Editor ( now you can see under the layout input area another one which shows you all the enfold shortcodes generated by the ALB Elements you pull into the avia layout builder – publish that page ( this is now an empty page generated with alb )

• now find the shortcode of that demo page
– so all demo import options can be found at : enfold – includes – admin – demo_files
look on the demo page to get the name of the demo and look what the page is ( in your case: knowledgebase and the page is the home page.

open that knowledgebase.xml with a good texteditor ( f.e. : sublime text on mac (or bbedit) – notepad++ for windows )
find : <title>Home</title>
the enfold shortcode of that page is sourrounded by:
<content:encoded><![CDATA[ here is the enfold shortcode ]]></content:encoded>

i shorten it to the element you like to have with a color-section above that you can see the negative margin
copy that code inbetween :

[av_section min_height='75' min_height_pc='25' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#ffffff' bottom_border_diagonal_direction='border-extra-diagonal-inverse' bottom_border_style='' custom_margin='0px' custom_margin_sync='true' custom_arrow_bg='' color='main_color' background='bg_gradient' custom_bg='' background_gradient_color1='#009efd' background_gradient_color2='#2af598' background_gradient_direction='diagonal_bt' src='https://kriesi.at/themes/enfold-knowledgebase/wp-content/uploads/sites/80/2018/10/hero-bg.png' attachment='221' attachment_size='full' attach='scroll' position='center center' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' id='search_section' custom_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-jgasyq2w']
[av_heading heading='Customer Support
<strong>& Knowledge Base</strong>' tag='h1' link_apply='' link='manually,http://' link_target='' style='blockquote modern-quote' size='42' subheading_active='' subheading_size='14' margin='' padding='0' color='custom-color-heading' custom_font='#ffffff' custom_class='' id='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-innvjb'][/av_heading]
[/av_section]

[av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#ffffff' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='frontpage_grid' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' 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-jgatvii1' custom_class='']
[av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-top' space='no_margin' custom_margin='aviaTBcustom_margin' margin='-300px,0' row_boxshadow_color='' row_boxshadow_width='10' link='category,16' linktarget='' link_hover='opacity80' padding='80px,10px,80px,10px' highlight_size='1.1' border='1' border_color='rgba(230,234,236,0.5)' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='rgba(255,255,255,0.95)' 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-45nqm' custom_class='']

[av_font_icon icon='ue832' font='enfold-knowledgebase' style='' caption='' link='' linktarget='' size='40px' position='center' color='#79c8f8' av_uid='av-jfdzoxcx' custom_class='' admin_preview_bg=''][/av_font_icon]

[av_hr class='invisible' height='10' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-vsj2' admin_preview_bg='']

[av_heading heading='Guides' tag='h3' link_apply='' link='' link_target='' style='blockquote modern-quote modern-centered' size='27' subheading_active='' subheading_size='15' margin='' padding='5' color='custom-color-heading' custom_font='#4d6877' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-6bvdunb'][/av_heading]

[av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfe0fj83' custom_class='' admin_preview_bg='']
<p style="text-align: center;">Tutorials for using the theme,
building content and
everything else!</p>
[/av_textblock]

[/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' row_boxshadow_color='' row_boxshadow_width='10' link='page,647' linktarget='' link_hover='opacity80' padding='80px,10px,80px,10px' highlight_size='1.1' border='1' border_color='rgba(230,234,236,0.5)' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='rgba(255,255,255,0.95)' 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-aage' custom_class='']

[av_font_icon icon='ue825' font='enfold-knowledgebase' style='' caption='' link='' linktarget='' size='40px' position='center' color='#79c8f8' av_uid='av-jfdzoxcx' custom_class='' admin_preview_bg=''][/av_font_icon]

[av_hr class='invisible' height='10' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-vsj2' admin_preview_bg='']

[av_heading heading='FAQ' tag='h3' link_apply='' link='' link_target='' style='blockquote modern-quote modern-centered' size='27' subheading_active='' subheading_size='15' margin='' padding='10' color='custom-color-heading' custom_font='#4d6877' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-5mz86w7'][/av_heading]

[av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfe0gaz0' custom_class='' admin_preview_bg='']
<p style="text-align: center;">Frequently Asked Questions
and beginners hurdles</p>
[/av_textblock]

[/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' row_boxshadow_color='' row_boxshadow_width='10' link='page,707' linktarget='' link_hover='opacity80' padding='80px,10px,80px,10px' highlight_size='1.1' border='1' border_color='rgba(230,234,236,0.5)' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='rgba(255,255,255,0.95)' 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-52c6' custom_class='']

[av_font_icon icon='ue82f' font='enfold-knowledgebase' style='' caption='' link='' linktarget='' size='40px' position='center' color='#79c8f8' av_uid='av-jfdzoxcx' custom_class='' admin_preview_bg=''][/av_font_icon]

[av_hr class='invisible' height='10' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-vsj2' admin_preview_bg='']

[av_heading heading='Community' tag='h3' link_apply='' link='' link_target='' style='blockquote modern-quote modern-centered' size='27' subheading_active='' subheading_size='15' margin='' padding='10' color='custom-color-heading' custom_font='#4d6877' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-5hau2x3'][/av_heading]

[av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfe0gsih' custom_class='' admin_preview_bg='']
<p style="text-align: center;">Our every growing community
where you will meet
other awesome users</p>
[/av_textblock]

[/av_one_third][av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-top' space='no_margin' margin='0px' margin_sync='true' row_boxshadow_color='' row_boxshadow_width='10' link='category,15' linktarget='' link_hover='opacity80' padding='80px,10px,80px,10px' highlight_size='1.1' border='1' border_color='rgba(230,234,236,0.5)' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='rgba(255,255,255,0.95)' 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-45nqm' custom_class='']

[av_font_icon icon='ue820' font='enfold-knowledgebase' style='' caption='' link='' linktarget='' size='40px' position='center' color='#79c8f8' av_uid='av-jfdzoxcx' custom_class='' admin_preview_bg=''][/av_font_icon]

[av_hr class='invisible' height='10' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-vsj2' admin_preview_bg='']

[av_heading heading='Getting Started' tag='h3' link_apply='' link='' link_target='' style='blockquote modern-quote modern-centered' size='27' subheading_active='' subheading_size='15' margin='' padding='10' color='custom-color-heading' custom_font='#4d6877' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-4o861fr'][/av_heading]

[av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfe0ha0h' custom_class='' admin_preview_bg='']
<p style="text-align: center;">If you are new to Enfold,
start here with
easy to follow tutorials</p>
[/av_textblock]

[/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' margin='0px' margin_sync='true' row_boxshadow_color='' row_boxshadow_width='10' link='page,707' linktarget='' link_hover='opacity80' padding='80px,10px,80px,10px' highlight='aviaTBhighlight' highlight_size='1.1' border='' border_color='rgba(230,234,236,0.5)' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_gradient' background_color='rgba(255,255,255,0.95)' background_gradient_color1='#2af598' background_gradient_color2='#009efd' background_gradient_direction='diagonal_tb' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-45nqm' custom_class='']

[av_font_icon icon='ue81c' font='enfold-knowledgebase' style='' caption='' link='' linktarget='' size='40px' position='center' color='#ffffff' av_uid='av-jfdzoxcx' custom_class='' admin_preview_bg=''][/av_font_icon]

[av_hr class='invisible' height='10' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-vsj2' admin_preview_bg='']

[av_heading heading='Submit a Request' tag='h3' link_apply='' link='' link_target='' style='blockquote modern-quote modern-centered' size='27' subheading_active='' subheading_size='15' margin='' padding='10' color='custom-color-heading' custom_font='#ffffff' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-4inadxj'][/av_heading]

[av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfe0hwwx' custom_class='' admin_preview_bg='']
<p style="text-align: center;">For any other questions
and specific issues.</p>
[/av_textblock]

[/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' margin='0px' margin_sync='true' row_boxshadow_color='' row_boxshadow_width='10' link='category,14' linktarget='' link_hover='opacity80' padding='80px,10px,80px,10px' highlight_size='1.1' border='1' border_color='rgba(230,234,236,0.5)' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='rgba(255,255,255,0.95)' 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-45nqm' custom_class='']

[av_font_icon icon='ue80a' font='enfold-knowledgebase' style='' caption='' link='' linktarget='' size='40px' position='center' color='#79c8f8' av_uid='av-jfdzoxcx' custom_class='' admin_preview_bg=''][/av_font_icon]

[av_hr class='invisible' height='10' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-vsj2' admin_preview_bg='']

[av_heading heading='Downloads' tag='h3' link_apply='' link='' link_target='' style='blockquote modern-quote modern-centered' size='27' subheading_active='' subheading_size='15' margin='' padding='10' color='custom-color-heading' custom_font='#4d6877' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-445mdon'][/av_heading]

[av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfe0hwwx' custom_class='' admin_preview_bg='']
<p style="text-align: center;">The official Child Theme
for Enfold, Plugins and
useful Code Snippets</p>
[/av_textblock]

[/av_one_third]
[/av_section]

• that copied content you can insert into that input area below the layout builder:

publish then (update)
• now you see the layout builder element on top in that layout field.
• get rid of the stuff you don’t like to have
(• if you are familiar with the enfold shorcodes you can pick out only the parts you like to have before copying)

by the way – this is not a flip grid element – it is a color-section with 1/3 columns in it (equal height) and no space between columns:
the first one of them (guides) has set a negative margin of -300px

Bist du vertraut mit dem Child-theme umgang?

man kann auch html code direkt mit jQuery in ein Element als erstes Kind setzen . ( prepend )
Eine gute Stelle für dein Unterfangen wäre sicherlich als erstes Kind innerhalb von #main
das Styling könnte man auch über quick css machen – man kann es aber auch sofort im script setzen.

wichtig für das responsive Verhalten ist die Kenntnis über das Seitenverhältnis deines Bildes.
wir setzen die Breite des eingefügten Containers auf volle Screenweite : 100vw
und die Höhe dann entsprechend der Bildseitenverhältnisse auf zB 50vw wenn das Verhältnis 2:1 ist

Dies kommt in die Child-Theme functions.php:

function insert_as_first_child_in_main() { 
?>
<script>
(function($){
	$( '#main' ).prepend('<div class="after-header"></div>');
	$('.after-header').css({
	"background": "url(url-to-your-image.jpg)",
	    "background-size": "cover",
	    "background-repeat": "no-repeat",
	    "width": "100vw",
	    "height": "35vw",
	})
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'insert_as_first_child_in_main');

PS : bei transparentem Header ist es dann natürlich auch unterhalb des headers ( wie das eben mit #main auch vorher war )

the transparency logo is something different and would not work the way you like to have; because the transparency logo only is in place when the header is transparent. The transparency header is only there if the page isn’t scrolled – so viceversa you like to have.

Frist Question : has your site a shrinking header? – because if so you can use the classes that toggles on header by scrolling.
f.e. use the header-scrolled class for that

#header:not(.header-scrolled) .logo {
  opacity: 0;
}

if you use for that the opacity option you can have a smooth goaway of your logo by heaving transition timing
may i see your site please

you mean this:

and that should be under each post ( or portfolio too?)

maybe you can use that filter here : avf_template_builder_content
but it does only work if your single posts are made with advanced layout builder.

it is used this way:

add_filter('avf_template_builder_content', 'avf_template_builder_content_mod', 10, 1);
function avf_template_builder_content_mod($content = "")
{
  if(is_single() || is_singular('portfolio') ) {
    $addendum = do_shortcode(" enfold shortcode place it here between ");
    $content = $content . $addendum ;
  }
  return $content;
}

you have to be carefull with the shortcode insertion – because this have to be a oneliner and inline styles are complicated to have – besides that you can not use fullwidth containers as color-sections or grid-rows – because otherwise the sidebar goes down under this.
how to get from enfold the enfold shortcode is known ?

but it should be the copyright info you inserted on media library? – and this should only be there on info reasons? – not as a watermark to prevent download and unwanted usage?

well, that’s just two pairs of shoes.
We got now the possibilitiy to have on image alb a unique alt- and title-attribute. But demanding it for galleries is just something else. At ;) Divi it goes. So I think you should pull right away, but in the unmistakable way Enfold does – easier and more intuitive.

Thank you for your follow-up on this. I think I can currently only live with the image ALB having this option.
From my point of view this topic can be closed.

by the way the code couldn’t work because you changed the markup totaly – the ID etc .
there was first an ID of: #banner – now it is : #av_section_12
selector now is #av_section_12 .flex_column.av_one_full

So if you like to see what happens :

#av_section_12 .flex_column.av_one_full {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: rgba(0, 147, 255, 0.5) !important;
    background-blend-mode: soft-light !important;  
}

make a custom link to your menu as last link on the menu!
Link Target – you know it better
Link Label : Order Now
Menu Style : Button Style Colored
Custom Class: menu-item-avia-special

see her: https://webers-testseite.de/ – look what happens to the button on opened hamburger !
styling of the button is quick css work.

i think – no – not only on GDPR (DSGVO on german spoken Countries) Reasons.
With a selfhosted video this could be done.
https://webers-testseite.de/mute-unmute/
Besides these infos – the browsers do it all their own way.
Look (Listen) here on Enfold Fullwidth Easy Slider – it starts muted – and you can turn up the volume on player controls. https://webers-testseite.de/vimeo/
Listen here in a codeblock and with iframe – but it does not autostart on firefox (chrome does) : https://webers-testseite.de/vimeo-2/

Thanks Ismael : what i mean is if i put something in the copyright field – it will change the copyright for all pages where this image is used – and that makes sense – this is a global property.

An Alt or Title attribute can differ depending on how and where it is used. Just when I think of the use on multilingual pages. Yes, I know that WPML achieves this by providing an additional plugin (Media Translation) for the different languages. But it has the disadvantage that it creates duplicate images and inflates a backup.

If you create a gallery ( masonry gallery ) there is that point where you can insert under each image a “Captiion” – this will only affect the caption for that specific gallery – so it will be added specifically only here to the image. There I thought I could create two additional input fields, which would add the attributes here similarly only for the use of the image.

Well this is my layout:

but after that – open the cell with the easy slider – it seems that the cell got a padding on default of 30px – you had to remove this.
https://webers-testseite.de/grid-row-with-slide-show/

but i guess that images in landscape will be best. And text on the other cell is less high than the slide-show

The crux of the matter is that one can distinguish same selectors by counting.

But be careful because it is counted over all.
So if div, p, ol, ul tags appear , then it is counted over all.
Sometimes it is advisable to go over nth-of-type: The :nth-of-type(n) selector matches every element that is the nth child, of a particular type, of its parent.

https://css-tricks.com/the-difference-between-nth-child-and-nth-of-type/

see the markup from: “Let’s say our markup changed to this:” there you can see that nth-child will not work as wanted.