Oxygen in Verbindung mit Stackable

Grundsätzlich sollte man nur die Stackable-Elemente benutzen (pink) und nicht die schwarzen Gutenberg-Elemente!

Stackable Responsive passt man über Column-Breite usw.an. niemals an der Anzahl der Spalten etwas ändern, da sonst Inhalte verloren gehen.

 

 

 


Das Oxy-Template sollte ein Full-Witdh-Template sein (Posts-Stackalble-FullWidth), das auf Main basiert. (>>>DIV Full Width dann Add > WordPress > Dynamic Data > Content)


Variante 1

Man nimmt man eine Column >>> Fullwidth und setzt die Max. Content Width des Blocks auf  z. B. 50%. 

Content Horizontal Align sollte MITTIG sein.

 

Man erhält folgendes Ergebnis:

  • Vorteil: Man hat nur einen Regler einzustellen
  • Nachteil: Man kann den Hintergrund nicht über die gesamte Bildschirmbreite einfärben.

 

Variante 2

Man nimmt man eine Column >>> Fullwidth und setzt die Max. Content Width des Blocks auf  100%. 

Content Horizontal Align sollte MITTIG sein.

Man muss dann das Padding rechts und links gleichermaßen einstellen, um den Inner Content auszurichten, z. B. Padding left 25%, Padding right 25%.

 

 

Man erhält als Ergebnis:

 

  • Vorteil ist, dass man den Hintergrund über die gesamte Breite einfärben kann, was bei Variante 1 nicht möglich ist.
  • Nachteil ist, dass man Padding zusätzlich einstellen muss.