What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Formatting radio button text using CSS

    Asked by ccureslife on May 21, 2013 at 05:39 PM

    I'm trying to get format the text in my radio button list and I'm having lots of trouble. I originally formatted the text with HTML but it's really easy to mess it up so I thought I should try something else. I've never used CSS but It seems like it's the perfect solution to my problem. The issue is that I have no idea how to use CSS and after 2 hours of messing around with CSS code I pulling my hair out. How to I get the text to look like this:

    Plan C: 12 set meals per week and $300 Declining Balance per Semester
               PLAN NOT REFUNDABLE AFTER ADD/DROP DATE
                   Required for students in the first full year of college


    I know you have to add some type of ID tag to the CSS but I just don't know how to do that. Save me!

    Page URL:
    http://www.jotform.com//?formID=21455786396164

    problem style css code format
  • Profile Image

    Answered by EliezerN on May 21, 2013 at 06:18 PM

    Hello,

    It will not be difficult for you do this.

    While editing the text of the Radio button options do the next:

    - Don't touch the first option, leave how it is now.

    - For the second option before the text add the <b>   tag and after the text insert the closing tag </b> and with capital letter:

     

    - In the third option do the same, add the <b> and   tags </b>before and after the text but now in lower case:

    Finally you'll have this:

     

    And that's it.

    I hope this helps you.

    Thanks!

  • Profile Image
    JotForm Support

    Answered by Welvin on May 21, 2013 at 06:21 PM

    Hi,

    I've made that changes to the cloned version of your form: http://form.jotformpro.com/form/31407160716952?

    I'm using <br> tags to move text into the new line then &nbsp; to indent texts.

    Thanks