WordPress: Buttons mit Elementor gleich lang darstellen
By

Um im Elementor Buttons, die untereinander stehen, gleich groß bzw. lang zu machen, können Sie folgende Schritte befolgen:

  1. Öffnen Sie die Seite oder den Beitrag in Elementor, wo sich die Buttons befinden, die Sie anpassen möchten.
  2. Wählen Sie den Abschnitt aus, der die Buttons enthält, und klicken Sie auf den Button „Bearbeiten mit Elementor“.
  3. Klicken Sie auf den Button des ersten Buttons, um das Einstellungsfenster zu öffnen.
  4. Gehen Sie zur Registerkarte „Fortgeschritten“ im Einstellungsfenster des Buttons.
  5. Aktivieren Sie die Option „Benutzerdefinierter CSS-Klassen“ und geben Sie eine eindeutige CSS-Klasse für diesen Button ein, z.B. „gleiche-button-laenge“.
  6. Wiederholen Sie die Schritte 3-5 für alle anderen Buttons in der Gruppe.
  7. Nachdem Sie für alle Buttons die CSS-Klassen hinzugefügt haben, klicken Sie auf den Abschnitt, in dem die Buttons enthalten sind, um dessen Einstellungen zu öffnen.
  8. Gehen Sie zur Registerkarte „Erweitert“ oder „Anpassung“ im Einstellungsfenster des Abschnitts.
  9. Fügen Sie im Bereich „Benutzerdefiniertes CSS“ folgenden Code ein:
.gleiche-button-laenge {
    width: 100%;
}

Stellen Sie sicher, dass Sie die CSS-Klasse „gleiche-button-laenge“ durch die tatsächlich von Ihnen verwendeten CSS-Klassen ersetzen, falls Sie eine andere Klasse verwendet haben.

  1. Speichern Sie Ihre Änderungen und überprüfen Sie die Seite, um sicherzustellen, dass die Buttons nun gleich groß bzw. lang sind.

Durch das Hinzufügen einer benutzerdefinierten CSS-Klasse und das Anwenden von CSS-Stilen können Sie die Buttons im Elementor so anpassen, dass sie gleich groß bzw. lang sind.