• Hello! I’m trying to further customize the Request Form to have a 2-column layout, but can’t seem to figure out how to make this happen, or find documentation on what to tweak within the CSS

    Please let me know if you can help.

    thanks much!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author pipdig

    (@pipdig)

    Hi @sme123, this is more tricky than it might seem unfortunately.

    It might be possible to do this by placing “Descriptive information or Arbitrary text/html” custom fields in specific locations. Within those fields, you could place opening and closing <div> tags which can then be targeted with CSS. For example:

    https://i.imgur.com/X2smgvp.png – This would be placed at the top of the first field you would float left.

    https://i.imgur.com/VQCFFhM.png – This would be placed after the last field you want to float left. Then any fields after will float right.

    https://i.imgur.com/TPj5ES8.png – This would be placed at the end, after the last field you want to float right

    I’ve not tested it, so it might not work. In fact, it probably won’t work, but maybe it is worth a try ??

    After assigning those custom fields, you would then target the CSS classes:

    
    .zrf-float-left {
      float: left;
    }
    .zrf-float-left {
      float: right;
    }

    This is just a super basic example, you would probably want to add margins and make it responsive etc.

    Hopefully that helps! Let me know how it goes.

    Phil

Viewing 1 replies (of 1 total)
  • The topic ‘Create 2-column layout for request form’ is closed to new replies.