2016-03-26 6 views
-1

Ich mache ein Formular für meine Hochzeitsgäste auf meiner Squarespace Hochzeitswebsite und möchte eine Optionsschaltfläche für die Frage "Willst du teilnehmen?" Tun. Sie wählen ja oder nein.Squarespace: Wie mache ich meine Radiobuttons in meiner Form horizontal?

http://www.meetusinthemountains.net/rsvp/

Gerade jetzt sind die Radio-Buttons vertikal/in Form einer Liste, wenn ich sie horizontal um Platz zu sparen sein möchte. Es gibt keine benutzerdefinierte Option, um dies zu tun, also muss ich es über das CSS tun. Jedes Mal, wenn ich das Display inline versuche, tut es nichts. Jede Hilfe wird geschätzt!

Danke!

+0

Nice site und congrats :) – Michael

Antwort

1

Sie müssen die CSS-Eigenschaft display:inline-block; für die Radioknöpfe verwenden, die in einer Zeile angezeigt werden sollen.

Für Ihre speziellen Beispiel geben der Optionsklasse display:inline-block;

+0

Aus irgendeinem Grund, wenn ich dies tun, über den Inspektor, bewegt er sich ein ganz anderes Feld in der Form und nicht die Radio-Buttons . Überall wo ich genau hingehen sollte? Ich habe viele Dinge ausprobiert. –

+0

Setzen Sie es in diese Auswahl: '.form-wrapper .field-list .field .option' – Wowsk

+0

Vielen Dank! Ich bin ein Idiot und machte Inline-BOX in diesem Bereich und blockiere nicht. Das hat funktioniert! –