Question about Woocommerce field layout

Hi @valerieverheyden,

By default input fields are displayed in a table. Table has alg-product-input-fields-table CSS class. So to remove borders (i.e. grey lines on your page), you need to add something like this to custom CSS:

table.alg-product-input-fields-table, table.alg-product-input-fields-table td {
    border: none !important;
}

Alternatively you can replace the default styling in table with something else – there is “Frontend Options” settings in plugin’s settings “General” section (“WooCommerce > Settings > Product Input Fields > General”). Please locate 3 options there:

1. HTML to Add Before Product Input Fields
2. Product Input Field Template
3. HTML to Add After Product Input Fields

Try setting 1st and 3rd options to empty value and 2nd option (“Product Input Field Template”) to something like this:

<p><label for="%field_id%">%title%</label> %field%</p>

Please let me know if that helped.

Best regards,
Tom