Top
Wie kann ich zwei Buttons in einem Pop-up ausrichten und ihre Größe ändern?
  • 06 Aug 2025
  • 1 Minute zum Lesen
  • Dunkel
    Licht
  • pdf

Wie kann ich zwei Buttons in einem Pop-up ausrichten und ihre Größe ändern?

  • Dunkel
    Licht
  • pdf

Artikel-Zusammenfassung

Sie haben ein Pop-up erstellt und möchten ihm zwei Call-to-Action-Buttons und Text hinzufügen. Aus irgendeinem Grund sind die Buttons jedoch nicht in der gleichen Reihe angeordnet. Beheben Sie das Ausrichtungsproblem, indem Sie die HTML- und CSS-Codeansicht verwenden. Sie können auch die Option Button Resize auf der Pop-up Button verwenden, um die Größe und den Abstand dem Button korrekt anzupassen.

DB_Pop-up_buttons_notaligned.png Befolgen Sie diese Schritte, um das Problem mit einfachen HTML und CSS-Codeänderungen zu beheben:

  1. Klicken Sie auf die Ecke eines beliebigen Buttons (entweder den Button Überspringen oder Registrieren ).

  2. Wechseln Sie zur Codeansicht.

    DB_Pop-up_buttons_click_CSS.png
     

  3. Rufen Sie die HTML-Code-Ansicht auf, suchen Sie den entsprechenden Code für die einzelnen Buttons und passen Sie deren Breite an.DB_Pop-up_buttonwidth_HTML.png  

  4. Wechseln Sie zur CSS-Codeansicht und passen Sie den Abstand zwischen den beiden Buttons an. DB_pop-up_buttonspace_CSS.png

Note:

  • Nachdem Sie die Änderungen in der HTML- und CSS-Codeansicht vorgenommen haben, klicken Sie auf Ausführen, um sicherzustellen, dass alle Änderungen übernommen werden. DB_Pop-up_buttons_ClickRun.png    

  • Hier ist das Pop-up mit den ausgerichteten Buttons zusammen mit dem Text in derselben Zeile. DB_pop-up_buttons_aligned.png  

Info:

Sie können die Abstände zwischen den Buttons im Pop-up mithilfe des Symbols Button Größe ändern weiter ausrichten.
Folgen Sie den Schritten, um die Größe der Pop-up Buttons zu ändern:

  1. Um die Konfiguration der Buttons zu ändern, bewegen Sie den Mauszeiger über den Button und klicken Sie dann auf den Button, um das Menü zur Konfiguration des Buttons zu öffnen.

  2. Klicken Sie auf das Symbol Button Größe ändern. DB_Pop-up_buttons_resize.png  

  3. Sobald Sie auf die Option zur Größenänderung klicken, wählen Sie die gewünschte Höhe und Breite, um die Buttons entsprechend anzupassen. DB_Pop-up_buttons_resizeoptions.png

     

    Wenn Sie z. B. die Höhe dem Button Registrieren auf 50 px und die Breite auf 100 px einstellen, wird den Button folgendermaßen angezeigt: DB_Pop-up_buttons_resized.png


War dieser Artikel hilfreich?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.