Nice Link Rikard – thanks
btw: if no hook fits to your position – your deposit has a unique ID (#yith-wcdp-add-deposit-to-cart) so you can do it with jQuery too via append

just give a custom-class or unique ID to the whole grid-row element.
The rest is css in quick css.
See here example: https://webers-testseite.de/grid-row-background-image/
here you can find a nice tool to generate gradients ( even as svg image ) : https://angrytools.com/gradient/

you know how to set in quick css a background-image ( Gradient ) ?

you have to work with data-groups

in my case for the youtube film i do not need a custom-class because the images have lightbox-added class and the youtube films mfp-iframe –
guess that someone could help you with transfer to different image groups with that hint: https://kriesi.at/support/topic/lightbox-galleries/#post-1116515
On that code you see how to add the data-group attribute to a selector
or:
https://kriesi.at/support/topic/lightbox-on-button-click/#post-650061

here from Dmitry Semenov himself an Example: https://codepen.io/dimsemenov/pen/pvvpgJ

and ;) https://kriesi.at/support/topic/4-6-3-1-issues/#post-1144794 03.10.19

Well – that it works you can see: https://webers-testseite.de/guenni/datenschutzerklaerung/
So maybe it is a user error.
Mostly the participants do not like to read. Only copy and paste thats all.
If you will do it step by step – it works. ( except if you have some older Enfold Versions )
Now i’m out – because i don’t want to rank your postings bad. Sorry

by the way:
You should only upload the photos to your own server – maybe I could delete them.
https://webers-testseite.de/wp-content/uploads/testimonial-shadow.png

sorry – wrong topic – ( you shouldn’t have more than one open. )

Dear Bluehoop – here on the inputfield there are above some tags you can place.
It would be nice if you use for code the code tag.
You can do this either by click on code – paste your code and click again on code button.
Or past in your code and activate all of it and press once the code button.

It is difficult to check a code if we can’t see if, for example, the quotes are correct.
If I were to copy/paste your code now, it wouldn’t be usable because the quotes aren’t the usual code quotes.

Now : i do not think that you can row the items – comma separated – in this way.
i think you had to use the items option – like in Documentation said: https://dimsemenov.com/plugins/magnific-popup/documentation.html#public_methods

you can take the same hook: avia_meta_header

add_action( 'avia_meta_header', 'enfold_customization_header1_widget_area' );
function enfold_customization_header1_widget_area() {
  dynamic_sidebar( 'headermeta' );
}

add a new widget named: headermeta Edit: maybe you have not read the post here well.

then some quick css – depends on your header looks like:

.av_secondary_left .sub_menu {
  width: 80%;
  display: flex;
  flex-flow: wrap row;
  width: 80%;
  display: flex;
  flex-flow: wrap row;
}

#top .sub_menu > ul {
  float: none;
}

#header_meta .widget {
  float: left;
  padding: 0;
  margin: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (min-width: 767px) {
  #header_meta .widget * {
    color: #fff !important;
  }
}

maybe you better remove the usual margins in the header_meta area – and in between 768px and 990px the header_meta widget area is on the right:

@media only screen and (min-width: 767px) and (max-width: 990px) {
  .av_secondary_left .sub_menu {
    width: 100%;
    justify-content: space-between;
    padding-right: 0;
  }

  #header_meta .widget {
    transform: none;
    float: right;
    left: auto;
    right: 0 !important;
  }
}

#header_meta .widget p {
  margin-top: 0 !important;
}

#header_meta .widget .widgettitle {
  margin-bottom: 0;
}

Result: https://webers-testseite.de/guenni/datenschutzerklaerung/

it seems that the above code blocks all plugins – do not know why

it sound for me – as if you entered a css rule in quick css that is not well formated.
A missing closing bracket e.g. on a media-query rule could be happen easily.
If you can post your quick css – we can see what happens

My guess is based on the fact that on Enfold these setting below are just behind your quick css rules
if there is on top a missing closing bracket – every rule after that has no effect.

.container {width:100%;} .container .av-content-small.units {width:75%; }
			
	 .responsive .boxed#top , .responsive.html_boxed.html_header_sticky #header, 
	 .responsive.html_boxed.html_header_transparency #header{ width: 1310px; max-width:90%; }
	 .responsive .container{ max-width: 1310px; }
			
#top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul{color:#404040;background-color:#cfcfcf;font-size:14px;}
#top #header .av-main-nav > li > a{color:#000000;}
#top #header .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext{color: #000000;}

and you see that jordans rule above is part of this enfold options css under the quick css.

there is a hook if the sub-menu is present.
– but if we don’t want sub-menu on top we can activate it nevertheless via filter:

add_filter( 'avf_execute_avia_meta_header', '__return_true', 10, 1);
add_action('avia_meta_header', function() {
if(is_page(3)){
echo do_shortcode("[av_headline_rotator before_rotating='' after_rotating='' interval='5' animation='' margin='' margin_sync='true' tag='h2' size='36' align='center' custom_title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' alb_description='' id='' custom_class='' av_uid='av-k1gw6wo0' admin_preview_bg='']
	[av_rotator_item title='today we offer abc' link='' linktarget='' custom_title='' av_uid='av-it587']
	[av_rotator_item title='but the whole week it is' link='' linktarget='' custom_title='' av_uid='av-egknj']
	[av_rotator_item title='⇒ another line to present' link='' linktarget='' custom_title='' av_uid='av-6u493']
[/av_headline_rotator]");
};
});

a little css to position it:

#header_meta .sub_menu {
    font-size: 24px !important;
    position: relative;
    left: 50%;
    float: left !important;
    transform: translateX(-50%);
    top: 0;
}

#header_meta span {
    font-size: 30px;
}

see testpage: https://webers-testseite.de/guenni/datenschutzerklaerung/

Issue is solved with Borlabs Cookie Version : 2.1.3