Support » Allgemeine Fragen » Abstände Widget

  • Gelöst simplefitness3

    (@simplefitness3)


    Hallo zusammen,

    ich habe bei WordPress einen Block erstellt mit drei Spalten. Ich möchte den Abstand dieses Blockes verringern, damit dieser Block „näher“ an den oberen Widget ist. Also wie verringert man Abstände zwischen zwei Blöcke/Widgets?

    Vielen Dank im Voraus!

    Viele Grüße

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)
  • Hallo,
    wenn du dann noch die URL oben einträgst, dann können wir uns das auch ansehen und dir sicher besser helfen. Lies bitte auch noch mal: Bevor du ein neues Thema (Thread) erstellst.
    Viele Grüße
    Hans-Gerd

    Also wie verringert man Abstände zwischen zwei Blöcke/Widgets?

    Dafür ist keine Einstellung vorgesehen. Du kannst dir aber mit einer eigenen CSS-Regel behelfen, die du im Customizer einträgst.

    Eigentlich erstellen wir nicht auf Zuruf CSS-Regeln, wenn Anwender/-innen Änderungen an einem bereits kostenlos zur Verfügung gestellten Theme vornehmen möchten, aber wir machen gerne mal eine Ausnahme, wenn es nicht zu kompliziert wird und wir eine URL zur Website bekommen. Aber das hat Hans-Gerd bereits geschrieben.

    Thread-Ersteller simplefitness3

    (@simplefitness3)

    Die URL: https://www.simplefitness-sf.de/

    Für diese Landing Page benutze ich das Plugin Elementor. Ich habe schon bei eigene CSS geschaut (bei Elementor). Jedoch benötige ich Elementor Pro, wenn ich eigene CSS erstellen möchte. Geht das auch ohne Elementor Pro?

    Und zwar würde ich gerne den Abstand zwischen dem Texteditor (Trainingspläne, Ernährungspläne, Online Coaching) und den drei Spalten (2x iPhone Bilder und rechts das Anfrageformular) verringern. Damit die drei Spalten „nach oben rutschen“.

    Über eine Antwort wäre ich sehr dankbar.

    Viele Grüße,
    Simple Fitness

    Hallo,
    füge bitte die folgende CSS-Regel unter Design > Customizer > Zusätzliches CSS ein:

    .elementor-3056 .elementor-element.elementor-element-76f81e96 {
        padding: 20px 0px 0px 0px;
    }

    Den oberen Rand kannst du bei Padding natürlich noch weiter verringern (jetzt habe ich da 20px eingetragen).

    Das sollte in der Regel auch ohne die Pro-Version von Elementor möglich sein. Ich verwende allerdings Elementor nicht.

    Eine gute Möglichkeit, sich mit CSS zu beschäftigen, findest du z. B. hier, hier oder hier.

    Viele Grüße
    Hans-Gerd

    @simplefitness3

    markiere bzw. klick die Sektion
    https://elementor.com/help/section-overview/
    und klick dann links auf das dritte Tab (Erweitert/Advanced) dort kannst du das Padding von 100 auf die gewünschte Zahl verringern.

    Das funktioniert natürlich auch in Elementor free.

    Auf das Bild klicken:

    Thread-Ersteller simplefitness3

    (@simplefitness3)

    Perfekt vielen lieben Dank! Für die schnelle und hilfreiche Antwort.
    Ich habe es hinbekommen.

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)