add tabs to a form

• 

  darrylcotton · Member · Nov 9, 2015 at 8:24 pm

  • Copy link
  • Add topic to favorites

  How do I style a form to look neater than the way it is
  currently appearing. The form is under the menu item called DONATE.
  How do i create a form while still retaining the radio buttons and the amounts are aligned on a decimal, and the corresponding text aligns vertically on the left? Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  g471n · Member · Nov 9, 2015 at 9:37 pm

  • Copy link

  Hi Darry

  Can you give me an idea of what the the form should look like. Perhaps a link to a page with a form that you like.

• 

  darrylcotton · Member · Nov 10, 2015 at 7:55 am

  • Copy link

  hi thanks for the reply:

  here is the table as it should look: Black dot to represent the radio button, then the amount tab aligning on the comma, the the text aligning neatly on the left.

  https://midrashact.wordpress.com/table-to-be-tabbed/

  Thanks

• 

  thesacredpath · Member · Nov 10, 2015 at 9:28 pm

  • Copy link

  Hi @darrylcotton, the lines of text after the radio buttons are a single string of text so there isn’t a way to style individual parts of that line of text to look like your example.

• 

  darrylcotton · Member · Nov 11, 2015 at 8:40 am

  • Copy link

  thanks, I understand! :)
  Another question please: How do I make the text weight less i.e. less bold? Is there a way to do all the lines that have radio buttons together?

• 

  g471n · Member · Nov 11, 2015 at 3:26 pm

  • Copy link

  Hi Darryl

  This should do it.

  .contact-form label.radio {
      font-weight: normal !important;
  }