How can I show the radio buttons horizontally and full width

This support ticket is created 6 years, 5 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Our next available supporter will start replying to tickets in about 0.53 hours from now. Thank you for your understanding.

This topic contains 3 replies, has 2 voices.

Author

Posts

June 1, 2018 at 12:21 pm #907400

Eso

Hi there,

I have one more question to ask...

By default in Forms, the radio options are vertically shown (see attached image vert.jpg)

How can I show these radio buttons horizontally like this ? (see attached image hori.jpg)

What css to add in form settings ?

Thanks in advance for your reply.

June 1, 2018 at 12:38 pm #907436

Beda

Those are lists.
That has to be altered with HTML/CSS.

This is something that is not provided in the Toolset but requires the Webmaster to decide how to display and style it accordingly.

Here is a great tutorial on how to alter lists:
hidden link

The very easiest is to "display: inline-flex;" the UL class produced by the Forms ShortCode.

June 1, 2018 at 1:01 pm #907450

Eso

Hi dear Beda !

Thanks a lot for your fast reply... "display: inline-flex;" worked perfectly fine 🙂

One more question:

By default the multiline text shows up with "5 row" lenght in the form ....

How can I change it to show up a little longer by default... Like "15 rows" ?

Thanks a lot. Really your help means a lot to me.

June 1, 2018 at 11:22 pm #907653

Eso

Problem fixed !