Display as a table with border round all cells

your page is requiring a password to access it.

alternative to using html <table> tags to design a form with a columnar layout. This will be easier to maintain and also responsive.

indeed <table>s are notoriously unresposnive.

Can you point me how to achieve the same effect with this plugin.

The plugin use <div> elements for rows. columns and cells by adding a a class to each element in order to style them appropriately.

<div class="container"> <!-- each row is container with a container div element -->
 <div> class="row"> <!-- a row with 2 columns -->
  <div class="columns half"> <!-- a half width column -->
    <div class="field> <!-- a cell -->
      ...
    </div>
  </div>
  <div class="columns half"> <!-- a half width column -->
    <div class="field> <!-- a cell -->
      ...
    </div>
  </div>
 </div>
</div>

the HTML editor allows you to add more classes to the <div> elements you might want to target. You will need custom to CSS styling to draw borders around your rows or columns or just cells depending on your design objectives.

Sorry that I forgot to unset protection – should be OK now.
Will experiment with CSS styling as you suggest.
Andy

had a look at your page, yes it should be rather straightforward to achieve.

I am marking this as resolved. If you are struggling with CSS/HTML, the best place to ask for help is the stackoverflow forums. I hang around there too.

Thanks very much for your prompt advice.
All looks OK now, by adding a border to the .row class and padding to the .field class.
Andy

do leave a review when you have a moment to spare