Elementor´s Shape Dividers / Trennungen in Oxygen verwenden

Webdesign

 

Vorbereitung

Eine Beispielseite in ELEMENTOR aufbauen. 

 

HTML, SVG und CSS-Daten in Oxygen übernehmen

  • In die entsprechende Section in Oxygen einen CodeBlock einbauen.
  • Über Chrome > Untersuchen den DIV mit dem eingebetteten SVG-Pfad finden.

  • Über die Chrome-Erweiterung eXtract HTML CSS den HTML und CSS-Code extrahieren.

  • Im Oxygen-Codeblock unter PHP&HTML den Dummy-Code löschen und den HTML-Code des DIV´s eintragen & dann im CodeBlock unter CSS den CSS-Code aus „eXtract HTML CSS“ eintragen.

  • Im CSS-Teil die „Selectors“ (erkennt man an . XXXXX >) durch #Section-ID der entsprechenden Oxygen-Section ersetzen.
  • In Oxygen das Layout der Section auf POSITION relative setzen.