make your slider ( i took the full-screen one !)
after the slider take a color-section ( give it the id: over-the-slider )
(here the fullscreen-slider is easier – because i can set the color-section height to 100%) !!
80px is my header height ( if you got a different header height take this value)
do this to quick css:

#over-the-slider {
    position: absolute;
    top: 80px;
    z-index: 5;
    background: transparent;
}

see here : https://webers-testseite.de/daniel01/

Problems : the content of the color-section has to be smaller than the slider-height !
even for small screens – maybe than you can make some media-query rules to fit the content.

What content is over your slider?

• This reply was modified 7 years ago by Guenni007.

by the way i posted a new tut here on board to explain a bit more specific how to … https://kriesi.at/support/topic/some-edited-enfold-alb-elements/

i guess these files are from me – so if you have allready placed some iconboxes (icon-lists) and put in afterwards the substitutes you have to edit them again.
There is new code added. So somehow it has to be added to existing iconboxes and iconlists. Logical right?

I guess i will write a workaround to all my edited files i have made in the last time.

By the way – this is a brainful method but its css magic is wonderfull

please compare : https://webers-testseite.de/elegant/
with: https://kriesi.at/themes/enfold-visual-artist/

these symbols are set on default as placeholders for post formats – is you have a normal entry the pencil is shown – if you have a video etc
but – there are possibilities to style them – but not an easy way:

look demo page of kriesi – there you have pencils etc. sometimes an author is shown or the featured image – depends on which blog style you have choosen: https://kriesi.at/themes/enfold-2017/blog/blog-single-author-small/

it works nice – but it seems to destroy the whole structure of the page where the iframe is inserted !!

do not use the video alb element – Instead use a code element in what ever you like and try my codes above with iframe:

<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/ZN5RDJFwI3I?rel=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

fit the width and heigt option to your desired one

look here: https://webers-testseite.de/embed-youtube/

If you like it with no controls at all:

<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/ZN5RDJFwI3I?rel=0&controls=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

the right one is without controls but with autoplay option as above :

<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/ZN5RDJFwI3I?rel=0&controls=0&showinfo=0&autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

by the way – do not wonder about it – the autoplay works in alb editor already :lol:

• This reply was modified 7 years ago by Guenni007.

is it a secret youtube video?

i’m Participant as you so – no private-content for me

this looks strange to me: ?feature=oembed&showinfo=0

https://www.youtube-nocookie.com/embed/nNA9ru2Ox5o?rel=0&iframe=true&autoplay=1&showinfo=0

etc pp. ?feature i don’t know

• This reply was modified 7 years ago by Guenni007.

can you give us the link to the youtube video you like to embed?

naja und meine Frage war, ob es das ist was du haben willst: https://webers-testseite.de/reini77a/

Bitte klicke mal auf das “i”

or is it this you like to obtain ?

https://webers-testseite.de/reini77a/

hm – more comfortable as my files – and update secure – you can’t find.

these files comes to enfold-child/shortcodes upload them via ftp.

insert into your functions.php of your child-theme:

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}

to embed those files ( the original Files stay in enfold parent folder – but are now unused)

Now see in the alb element – there is now a new array where you have the choice to set the h tag as you like !

this on top is only an example – you have to know how the font-family name is in your @font-face rule !
maybe it is called Reforma-grotesk – look to your embed code

it will work but if you have a more specific rule with h6 and important than the rule is overwritten.

https://css-tricks.com/specifics-on-css-specificity/#article-header-id-0

i did this to have a setting field for icon-box and icon-list alb element. (sinse Enfold 4 – do not try it if you are using an older version)
You can download those files here: Download
The best way is to have those files in child-theme/shortcodes. folder
and to include them by functions.php in your child-theme:

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}

for the list i do not set the possibility to have h1 because there should be only one h1 each page!
looks this way: https://postimg.org/gallery/144tcszl8/

well the normal tabs are simple containers for ( you can also insert in tab content shortcodes) content.
the one on your other page (link) are tab-sections from layout-elements (https://kriesi.at/themes/enfold-2017/elements/tab-section/#layer-slider-plugin)
these are capable to style by default. ( btw. it is in layout-element that tab-section because you can even drag f.e. 1/2 containers in it like in a color-section.