Text neben bild mittig CSS

[JulianBn]

Hallo Ihr Lieben,

ich nutze WordPress und das Divi Theme.

Gerne könnt Ihr auch mal auf der Seite vorbeischauen, um die es geht:



Auf einer Seite soll immer ein Bild sein und auf der anderen der Text zu dem Bild.
Wie schaffe ich es, den Text genau in der Mitte zu positionieren?
Hierbei muss sich das Textfeld ja an die Größe des Displays anpassen, auf dem die Seite aufgerufen wird.

Außerdem sind in der mobilen Ansicht die Abstände enorm groß, zudem habe ich mobil auch das Problem, dass immer 2 Bilder angezeigt werden und dann 2 Texte. Jedoch soll immer ein Bild und darunter der Text angezeigt werden.

Ich würde mich riesig über eure Unterstützung freuen.
Liebe Grüße
Julian

 

[draupnir]

Hallo Julian
die Klasse "et_pb_text_inner" braucht einen Abstand zum linken Bild.
Hier kannst Du das CSS-Box-Modell https://wiki.selfhtml.org/wiki/Box-Modell einsetzen, dass mit Padding für den nötigen Innenabstand sorgt.
In der mobilen Version überschreibe doch einfach die feste Höhe von "et_pb_text_inner" oder reduziere sie um 50%.

Gruß J.

 

[dn3d_fanboy]

Ich gehe mal stark davon aus, dass man beim Divi Builder einstellen kann, dass der Inhalt eines Bereichs vertikal mittig angezeigt wird. Da musst du mal die Einstellungen für den Textbereich durchgehen.
Ansonsten: Elementor kann das auf jeden Fall. Oder du machst es mit CSS.

Bei den Abständen in der mobilen Ansicht musst du das Padding links und rechts für mobil anpassen. Das geht sicherlich auch im Builder.