with headings, text-block or headline Rotator it will work without adopting it to responsive desing too much.
But as you see with masonry etc. which could get very high on small screens this will need adaptations.
The full-width and full-screen sliders are limited in height.

maybe on min-height definition of the color-section it will be good to define the table layout a bit different ( not vertical-align: middle)

#over-the-slider.avia-section.av-minimum-height .container .content {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    float: none !important;
    top: 80px;
}

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, 10 months 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, 10 months 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, 10 months 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