Problem mit Elementor: Unterschiedliche Abstände

    Hallo Ihr Lieben,

    ich arbeite erst seit kurzem mit Elementor um meiner neuen Website eine schönere Seiteneinteilung zu schenken. Leider habe ich nun das folgende Problem:
    Auf der Startseite habe ich zwei Widgets erstellt, mit jeweils vier Spalten. Es sollen ganz einfach 4 Bilder mit 4 Überschriften dargestellt werden -doch leider tanzt eine Überschrift immer aus der Reihe.

    Ich habe das ganze schon mehrfach gelöscht und neu erstellt -doch das ganze passiert jedes mal - die eine Überschrift ist viel weiter entfernt vom Bild, als alle anderen Überschriften, obwohl keine Einstellungen dazu vorgenommen wurden. Generell finde ich die Abstände von Text und Bildern ohnehin zu groß -aber das wäre dann Problem 2. (Screenshot im Anhang)
    Hat jemand nen heißen Tipp für mich ?
    Vielen Dank im Voraus und liebe Grüße!

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    ohne link wird das wohl zum ratequizzzzz...

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

    das wort hochzeit hat im gegensatz zu den drei anderen ein margin-top eingestellt.

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

    Liegt an allgemeinem CSS für alle Hx Überschriften, die eigentlich immer einen Abstand nach oben haben, nur dann nicht, wenn sie das erste Element im Container sind. In Deiner ersten Spalte fügt Elementor offenbar einen [FONT=Courier New]<style>[/FONT] Tag als erstes Element ein, daher ist diese [FONT=Courier New]<h4>[/FONT] nicht mehr das erste Element und der obere Abstand wird gezeigt.

    Verwende einen einfachen Absatz statt der H4.

    ist aber außerdem falsch aufgebaut. so wie du es aufgebaut hast werden auf mobile alle bilder untereinander angezeigt und danach alle h4. das ist sicherlich nicht so gewollt oder?

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

    Zitat von b3317133

    In Deiner ersten Spalte fügt Elementor offenbar einen [FONT=Courier New]<style>[/FONT] Tag als erstes Element ein,


    sicher dass elementor das da einfügt? ich kann dieses verhalten zumindest nicht reproduzieren.

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

    ja danke das style tag habe ich gesehen. ich kann es aber nicht reproduzieren.

    ich nutze aber auch nie die letzte elementor version sondern 3.10, da die neusten versionen immer nur müll produzieren wie auch HIER neulich im support von @threadi und @meisterleise kommuniziert. möglicherweise also ein bug?

    @webmay ich würde mal ein rollback auf 3.10.2 testen.

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

    Hallo Ihr LIeben, vielen Dank für eure Antworten, und dass ihr euch das Problem angesehen habt!
    Elementor ist dann anscheinend doch nicht so selbsterklärend wie ich dachte.
    Eventl. suche ich mir dann doch ein anderes Plugin.
    Eigentlich sollten die 4 Bilder nebeneinander angezeigt werden - :-/ Ich hatte es über die Elementor-Designoberfläche
    erstellt.

    Vielen lieben Dank jedenfalls für eure Bemühungen!

    @webmay - das wird schon ;-)

    Ich teile die Meinung von @DummyGirl aus der #6

    Zitat von DummyGirl

    ist aber außerdem falsch aufgebaut.


    Meine Ansicht dazu! Du hast eine section eingebaut für die Bilder und darunter eine eigen Secion mit den H4 "überschriften"
    Das sieht wie schon geschrieben in der responsiven Ansicht, sagen wir mal, suboptimal aus, da jede section bei schmäler werdener Darstellung für sich selbst reagiert, was ja auch gut ist :rolleyes:.
    Besser wäre, in der ersten section, die ja eine viertel-Teilung hat, unter dem jeweiligen Bild die dazugehörigen Überschriften einzufügen - also in der selben elementor-col-25 Spalte und die zweite Section vorerst mal löschen.
    Damit bleibt auch die H4 Über-Unterschrift beim Bild.

    Zitat von webmay

    Elementor ist dann anscheinend doch nicht so selbsterklärend wie ich dachte.


    Das ist in diesem Fall aber eine Logik Frage und kein Elementor Problem ;):D

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Yep, so ist's.

    Zitat von webmay

    Elementor ist dann anscheinend doch nicht so selbsterklärend wie ich dachte.


    Naja, es ist eher so, dass Webdesign nicht so selbsterklärend ist, wie manch einer denkt. Das wird mit anderen Pagebuildern auch nicht einfacher.

    Vielen lieben Dank für all eure Antworten - und ja : ich bin schon eine Weile raus aus dem Webdesign-Thema- und komme komplett aus der Design und nicht aus der Programmiererecke (und auch hier ist es schon eine Weile her, dass ich das letzte mal was gemacht habe) bin gerade eher am Singen und Kinder bespaßen :-)

    Aber ich denke es lohnt sich, sich doch nochmal in das Websitethema rein zu fuchsen. Eure Antworten und Tipps werde ich auf jeden Fall beherzigen. Große Klasse, dass ihr euch die Mühe gemacht habt!

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden