Support » Plugins » Abweichende Darstellung Spalten – Umbruch Elementor

  • Gelöst dermotograf

    (@dermotograf)


    Hallo Zusammen,

    ich bin dabei eine neue Website zu erstellen und stoße auf folgendes Problem:

    Ich erstelle über Elementor einen Abschnitt in den ich 3 Spalten einfüge. Diese Spalten werden auch korrekt im Elementor angezeigt. Öffne ich jedoch die Seite selbst, so wird die erste Spalte langgezogen, sowie die beiden folgenden Spalten übereinander dargestellt. Geplant sind die drei Spalten alle neben einander in einer Zeile darzuszellen.

    Unten findet Ihr die Seite auf der weiter unten einen Screenshot von der Darstellung im Elementor zu sehen ist.

    Ich habe bereits probiert die Zentrierung der einzelnen Elemente zu verstellen sowie die max. Breite des Inhalts selbst. Leider ohne Erfolg.

    Kann mir jemand helfen?

    Vielen Dank im Vorraus!

    Liebe Grüße
    Alex

    • Dieses Thema wurde geändert vor 3 Wochen, 3 Tage von dermotograf.
    • Dieses Thema wurde geändert vor 3 Wochen, 3 Tage von dermotograf.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)
  • Ich habe vergessen zu erwähnen, dass ich das Theme OceanWP nutze.

    Hallo,
    dann ist es wahrscheinlich besser, wenn du dich direkt an den Elementor-Support wendest.
    Viele Grüße
    Hans-Gerd

    Ich denke, daran ist Elementor nicht schuld, eher ist es ein Add-on oder das Theme OceanWP.

    @dermotograf

    Finde heraus, woher diese HTML-Container <font color="grey"> stammen, die zerstören das ganze Layout.

    Klick auf das Bild:

    Die 3 rot umrandeten Container (div) sind die 3 Kolumnen. Wie man an den Pfeilen sehen kann, sind sie verschachtelt ineinander, sie müssten alle 3 auf derselben Ebene sein und nicht Container font beinhaltet Container elementor-column plus einem weiteren Container font, der wiederum den dritten Container elementor-column beinhaltet.

    Ganz davon abgesehen ist der HTML-Tag font veraltet und wird von einer HTML-5-Seite (wie der deinen) nicht mehr unterstützt.

    Hallo Zusammen.

    Vielen Dank für eure Nachrichten. Ich habe durch Schritt-für-Schritt Durchgehen der Revisionen im Elementor den Fehler ausfindig machen können.

    Tatsächlich lag es an der grauen Schrift, die ich innerhalb des Überschriften-Widgets „formatiert“ hatte.

    Letztendlich hat Angelika vollkommen recht. Der implementierte Code um die Schrift grau zu färben hat die Funktionalität eingeschränkt!
    Jetzt weiß ich mehr und bin schlauer als vorher… 🙂

    Vielen lieben Dank für eure Kompetenz!!!

    Danke für die Rückmeldung und schön, dass ich helfen konnte 🙂

    Du kannst die Farbe der Überschriften im Elementor doch über die Benutzeroberfläche ändern, unter dem Kartenreiter „Style“. Das funktioniert natürlich nur, wenn du die Überschrift als Widget eingefügt hast.

    Falls die Überschrift innerhalb des Texteditors mitsamt weiterem Text eingefügt wurde, solltest du den Spalten je dieselbe CSS-Klasse (z. B. h2grey) zuweisen (Tab „Erweitert“) und dann im Customizer unter Zusätzliche CSS eintragen:

    .h2grey .elementor-widget h2 {
       color: grey;
    }

    Ich habe jetzt einfach die graue Schrift in ein eigenes Text-Widget gepackt. Nicht mehr so, wie es vorher den Fehler verursacht hat. Da wollte ich innerhalb eines Widgets grauen und weißen Text in zwei Zeilen darstellen.

    Danke nochmals!

    Alles Gute!:)

    • Diese Antwort wurde geändert vor 3 Wochen, 3 Tage von dermotograf.
Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)