CSS changes for "Add contact form"

• 

  ashutoshs2 · Member · Sep 21, 2016 at 4:53 am

  • Copy link
  • Add topic to favorites

  I want to have set of radio button to be divided into two columns. i was able to change the CSS of form and elements based on IDs but as radio button set is getting generated based on “COMMA” value, how can I do that ? I want to do this for https://webdev2988.wordpress.com/EmailForm/ URL. Please assist.

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

• 

  thesacredpath · Member · Sep 27, 2016 at 3:05 am

  • Copy link

  Hi there, this is a serious “hack”, but it is about the best I can do. the structure of the HTML and CSS for the contact form simply doesn’t give us a way to do this cleanly. Make sure and check it in all browsers and on phones and tablets and if you can, have friends take a look at it on different tablets and phones to make sure nothing goes awry.

  label.grunion-radio-label:nth-of-type(4n), label.grunion-radio-label:nth-of-type(5n) {
      position: absolute;
      right: 0;
  }
  .div-table-col1 {
      position: relative;
  }
  label.grunion-radio-label:nth-of-type(4n) {
      top: 30px;
  }
  label.grunion-radio-label:nth-of-type(5n) {
      top: 66px;
  }