Abstand bei Buttons klappt nicht richtig

  • Hallo zusammen :),


    ich finde keine Lösung bzw. mache etwas falsch bei einem eingefügten Code.

    Ich habe auf der folgenden WP Seite etwas weiter unten Buttons per Shortcode eingefügt

    Hier mal der Code bei 3 Buttons:


    <center><p>[su_button url="https://www.event-catering-joba.de/champagner-empfang/" background="#000000" color="#ffffff" size="10" icon="icon: star" icon_color="#FFA500" text_shadow="2px 2px 2px #000000" desc="Champagnerkleid" title="Zum JOBA Champagner Kleid"][/su_button]</p>


    <p>[su_button url="https://www.event-catering-joba.de/champagner-bar/" background="#000000" color="#ffffff" size="10" icon="icon: star" icon_color="#FFA500" text_shadow="2px 2px 2px #000000" desc="Champagnerbar" title="Zur JOBA Champagner Bar"][/su_button]</p>


    <p>[su_button url="https://www.event-catering-joba.de/catering-ideen/" background="#000000" color="#ffffff" size="10" icon="icon: star" icon_color="#FFA500" text_shadow="2px 2px 2px #000000" desc="Catering Ideen" title="Zu den Catering Ideen"][/su_button]</p>

    Klappt auch alles soweit prima, auch die Verlinkung, Design etc. alles ok.

    Auch der Abstand der Buttons ist für mich in Ordnung bei Laptop/Desktop Ansicht.

    Aber: in der mobilen Ansicht auf dem Smartphone fehlt mir der Abstand zwischen den Buttons, weil sie in der mobilen Ansicht ja untereinander angezeigt werden.


    Was muss/kann ich beim Shortcode einfügen, damit die Buttons in der mobilen Ansicht besser aussehen?

    Kann ich irgendwo ein "margin-right" einfügen?

    Bin kein Experte und eher Laie, aber sehr lernfähig und probiere immer so lange bis ich es hinbekomme.


    Kann mir jemand helfen bzw. hat eine Lösung dazu?

    Viele Grüße und Danke vorab für jeden Hinweis zu meinem Problem ;)

Jetzt mitmachen!

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