Example Code: put this to your child-theme functions.php

function insert_dividers(){
?>
<script>
(function($){	

	$('.avia-section.divider.top1').prepend('<svg width="100%" class="top" version="1.1" id="faecher" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1500 300" preserveAspectRatio="none"><g fill="#990000"><path class="st0" d="M250,296" fill-opacity=".5"/><polygon class="st1" points="1500,250 750,84.9 0,250 0,0 1500,0 " fill-opacity=".2"/><polygon class="st2" points="1500,191.6 750,81.5 0,191.6 0,0 1500,0 " fill-opacity=".4"/><polygon class="st3" points="1500,133.1 750,78.1 0,133.1 0,0 1500,0 " fill-opacity=".6"/><rect y="0" class="st4" width="1500" height="74.4" fill-opacity="1"/></g></svg>');

	$('.avia-section.divider.bottom1').append('<svg width="100%" class="bottom" version="1.1" id="faecher" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1500 300" preserveAspectRatio="none"><g fill="#990000"><path class="st0" d="M250,296" fill-opacity=".5"/><polygon class="st1" points="1500,250 750,84.9 0,250 0,0 1500,0 " fill-opacity=".2"/><polygon class="st2" points="1500,191.6 750,81.5 0,191.6 0,0 1500,0 " fill-opacity=".4"/><polygon class="st3" points="1500,133.1 750,78.1 0,133.1 0,0 1500,0 " fill-opacity=".6"/><rect y="0" class="st4" width="1500" height="74.4" fill-opacity="1"/></g></svg>');

	})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'insert_dividers');

now go to your ALB and open a color-section:
give a custom-class to this color-section: divider top1 bottom1

put this to quick css:

.divider svg {
    position: relative;
    z-index: 5
}

.divider svg.top {
    top: -2px !important;
}

.divider svg.bottom {
    bottom: -11px !important;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

look now what happens to your front-end.

you see on this svg that there is only one class with a lot oft opacity set. there is a group around all ( normal nomenklatur will be g for group) with a fill color of #990000 ( a red )
this svg has an ID of : faecher
so if you want to change the fill color of that svg ( one side is open and transparent )

#av_section_1 #faecher svg.top g {
fill: #222
}
#av_section_1 #faecher svg.bottom g {
fill: #fff
}

but that depends on your svg –
elementor and divi got mostly simple svgs – with one fill-color and different opacities ( sometimes overlaying layers ) – but only one fill-color.

if themes use this feature ( and i think it might be time that enfold will get this option too ) make it via svg – and to be precise with inline svg. Because you had to influence the colors in it to adjust it to your section before or after it. These “fill” attribute can be done via css.
The best place on Enfold in Color-Section would be just before, and after the color-sections container – so you will have :

<div class="avia-section  …
  <svg  (  inline for the top ) </svg>
     <div class="container">… </div>
   <svg  ( inline  for the bottom ) </svg>
</div>

this could be done via child-theme functions.php
f.e.
$(‘.avia-section.divider.top1’).prepend(‘<svg class=”top” ……… preserveAspectRatio=”none”></svg>’);
$(‘.avia-section.divider.bottom1’).append(‘<svg class=”bottom” ……… preserveAspectRatio=”none”></svg>’);

it will be best for that on having svgs with no concrete AspectRatio – then you can style it the way you like.
the …….. is your rest of the svg code.

you can see here some examples on using this method: https://webers-testseite.de/guenni/
f.e. see footer area

If you look how elementor f.e. does the trick – it is very similar to that. (and maybe you find some interesting svgs there ;)
to use the code for a nice style svg – you can use transform (rotate 180deg) to use it for the bottom – so one svg for bottom and top.
you can transformY 180deg for a mirror form of that.

The classes above are now nice to have – because if you give to a color-section these classes – it will automatically add the inline svg to your DOM. The rest is Quick CSS to positionen and colorize parts of the svg.

Thanks – works – as always.

I have rarely had such problems as here some of my fellow users. I have to say, however, that I have never done the theme updates via the WordPress updateroutines, especially when it comes to major updates ( 4.5.x to 4.6.x). Actually I have always updated customer sites via ftp. ( In this way )
Recently I’ve also updated about this plugin. Since it probably proceeds quite similarly as I do this with ftp.

i shortly tested it on my webers-testseite.de with:
but both menus ( in header_main and header_main_alternate) are identical due to helper-main-menu.php.

so a simple change of one ID with f.e. jQuery leads to the same ID of both – allthough selector is specific only for one of them. A remove of ID works ( too on both) – but will end in a non working hamburger.
So we had to solve it via source code. –
that is for all heading typs the same:

$avia_theme_location = 'avia';
$avia_menu_class = $avia_theme_location . '-menu';

and following:

'menu_id' 			=> $avia_menu_class,

i do not know how to solve this
this f.e. is always synchronized allthough specific
document.querySelector('#header_main_alternate #avia-menu').id = "newid";

• This reply was modified 6 years, 4 months ago by Guenni007.

Das ist jetzt schon die 3. Seite von der ich hier sehe, dass es hie und da wohl mit dem Rocket Plugin Probleme geben könnte.
Das Lazy_Load schein da nicht ganz so zu funktionieren in Verbindung mit Enfold.
Die Seite hat auf Firefox auch noch ein paar Unstimmigkeiten. Muss mal schauen, ob es in einen Testinstallation auch so ist bei mir.
Die Tooltips sind in Firefox nichtrichtig platziert (verschoben – weg von den Punkten) im Chrom sind Sie korrekt platziert.

geh in die Einstellungen Dashboard – Einstellungen – Allgemein : Sprache Der Webseite : dort “Deutsch Sie” umstellen

We had to see it – what you mean – maybe a screenshot to see what you like to achive and a link to site would be great.
If you can not make your links public – post it in private content area. then you had to wait til mods are here

did you set the custom class on those menu-items? ( 2. Add a custom CSS class name “multilineItem” to the menu item )
and ad the code to quick css

Open that masonry element and save it again – save page again.
on my test installation it works this way perfectly

Go and get rid of these two entries please.
Wenn das eine “ReallySimpleSSL” ein Plugin ist deactiviere das mal.
( Wenn auch du keinen Zugang mehr zu dem Backend hast, kannst du in das mysql hinein? ) Beim Hoster Backend mal anmelden.
https://help.one.com/hc/de/articles/115005593985-Deaktivieren-Sie-WordPress-Plugins-in-phpMyAdmin
_________
Lade dir das htaccess file runter – lösche die oben erwähnten Einträge mal. Benenne das Original file auf dem ftp um in zB: htaccess.bak (ohne punkt davor)
lade das veränderte file hoch.
ich denke, dass sich die beiden redirects loopen.
Wenn es das nicht ist kannst du ja wieder das file löschen und das bak zurück benennen ( dann mit punkt davor – und ohne dateiendung )

• This reply was modified 6 years, 4 months ago by Guenni007.

du hast jetzt das wichtigste schon erreicht. Leider sind in deinen svgs die Klassen oft gleich, deshalb verändert sich auch die Füllung für cls-1 in beiden svgs (Schwimmer und Gewichtheber) – du musst daher einen Selector finden der nur für das eine svg zutrifft.

damit kommst du wieder zurück auf deine ursprüngliche Füllung.
Das SVG Support Plugin nummeriert die ersetzten imgs auf der seite durch.
Daher :

#svg-replaced-0 .cls-1 {
    fill: #3d7cc9 !important;
}

leider legt zB auch Illustrator stets mit st die klassen an ( st0, st1, etc) ich bearbeite diese Klassen immer nach, um sowas zu vermeiden.