jarsanchez

My solution is not so elegant. I implement styles directly into the element, trying not to affect the plugin’s own styles.

The whole code is wrapped inside the label tag, to which I force the width of 100%. And then I just added 2 span. One for the checkbox and one for the informational text, in order to keep inline.

This solution is not useful in all cases, as it depends on the theme I am using. I really have to play until all the pieces fit as I need them.

I’m sorry, but I do not know how I can help you. Regards.

I have to adapt the code depending on the wordpress template. Even in some templates, I do not have to add anything.

Try to make a screenshot, with the tool to “inspect element” from the browser, and thus we can see the html code that has been generated…

Hi Takayuki.

I followed the instructions on your link, but it does not work (no warning is displayed to the visitor) …

[acceptance acceptance-xxx acceptance_as_validation: on]I have read and agree.

Thanks Jose.

This works for me (for desktops):

<label style="width: 100%">
<span style="width: 5%;float: left;">[acceptance acceptance-xxx]</span><span>&nbsp;&nbsp;I have read and agree&nbsp;<a href="https://website.com/privacy-policy/" target="_blank" style="color: blue;">the privacy policy</a></span>
</label>

Note: Do not add any space.

This works for me (for desktops):

<label style="width: 100%">
<span style="width: 5%;float: left;">[acceptance acceptance-xxx]</span><span>&nbsp;&nbsp;I have read and agree&nbsp;<a href="https://website.com/privacy-policy/" target="_blank" style="color: blue;">the privacy policy</a></span>
</label>

Note: Do not add any space.