Seite 1 von 1

Button mit Zwischenraum

Verfasst: Do 4. Jul 2024, 10:41
von inno
Hallo Tommy,
ich würde gerne einen Abstand zwischen den beiden Button haben und einen dünnen Rahmen, der auch beim Hover erscheint. Mobile sollte der Zwischenraum auch erscheinen.
Hier mal der Link + Screenshots.
https://81ijswwzpd.mobirisesite.com/
Vielleicht hast du eine Lösung. Grüße!

Re: Button mit Zwischenraum

Verfasst: Do 4. Jul 2024, 11:47
von Tommy Herrmann
Moin,

für den Abstand kannst Du doch z.B. an Deine class="one" eine "margin"setzen:

Code: Alles auswählen

.one {
  color: #18293D !important;
  margin-right: 20px;
  margin-bottom: 20px;
}
… um am Handy auch einen Abstand zwischen den Buttons (übereinander) zu erhalten, müssten beide Klassen, also auch class="two", wahrscheinlich zusätzlich noch einen Abstand unten erhalten:

Code: Alles auswählen

.two {
  margin-bottom: 20px;
}
Das mit der Border habe ich noch nicht verstanden, da ist doch schon eine Border.

Buttons.jpg

Übrigens hat Mobirise, z.B. im Standard-Thema "Mobirise5" doch Blöcke (unter "Article") mit nur Buttons, die genau das gleiche machen und die sich viel besser einstellen lassen:

Buttons-Mobirise.jpg

Re: Button mit Zwischenraum

Verfasst: Do 4. Jul 2024, 15:44
von inno
Hi Tommy, funktioniert super! Danke! Bei diesem Block ist aber die Anordnung Mobil schöner! :D