Squarespace: How to make my radio buttons in my form horizontal?

Issue

I am doing an RSVP form for my wedding guests on my Squarespace wedding website and want to do a radio button option for the "will you be attending" question. They pick yes or no.

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

Right now, the radio buttons are vertical/in list form when I would like them to be horizontal to save space. There is no custom option to do this, so I need to do it via the CSS. Every time I try inline the display, it does nothing. Any help is appreciated!

Thanks!

Solution

You need to use the display:inline-block; CSS property on the radio buttons that you want to be in line.

For your specific example, give the option class display:inline-block;

Answered By - Wowsk