Hello. Firstly thanks for a great plugin.
Your support documentation recommends not editing the form html, but rather using CSS for styling. I'm guessing this is because Plugin updates will effect any updates made.
By default the label descriptions are placed right at the bottom of the form field. Unfortunately this doesn't really create a good user experience as I would prefer it be laid out as follows:
Mobile Number (Label)
Enter your mobile details (Label Description)
[Form Field]
At the moment, the code is generated with the description at the bottom.
Is there a reason for this? And if I want to change it do I have to use CSS?
<li class="vfb-item vfb-item-phone" id="item-vfb-31">
<label for=" for="vfb-31"" class="vfb-desc">Mobile number <span class="vfb-required-asterisk">*</span></label>
<span class="vfb-span">
<input type="tel" name="vfb-31" id="vfb-31" value="" class="vfb-text vfb-medium required phone " />
<label>Please enter your mobile phone number</label>
</span>
</li>
Thanks in advance! Looking forward to feedback.