how to add a blank line contact form 7

Question

I'm new to wordpress and I am using Contact Form 7 for a form on the website. At the bottom of the form, I've added recaptcha and then the send button. I want to add a SPACE between the end of recaptcha and the form.

What code should I add there? The code looks like this.

[recaptcha]

[submit "Send"]

And the screenshot looks like this.

Thanks in advance!

Hypoacidity

Answer 1

As Fralec_ pointed out, you can use a line break <br /> between the shortcodes to nudge the "Send" button down:

[recaptcha]
<br />
[submit "Send"]

Alternatively, if you want more control over the spacing, I would suggest wrapping the "Send" button inside a <div> with inline styling applied to it (change the 20px value accordingly), like this:

[recaptcha]
<div style="margin-top: 20px;">
  [submit "Send"]
</div>

Resources

• CSS Margins

Laurent

Sorry, it works. You must to REPUBLISH the PAGE that holds CR7 code to apply the change! – Keffiyeh

<br /> did not work for me, but <br> or <br/> worked. – Tetrastich

div margin worked for me, thanks a lot – Nebulose

Answer 2

You can try this:

[recaptcha]<br/>

[submit "Send"]

Men

Thank you @Fralec . – Hypoacidity

Answer 3

None of the above worked for me, until I added an HTML space then a line break, like this:

[recaptcha]
&nbsp<br>
[submit "Send"]

However, using div inline styling is the proper way, as you should not rely on <br> for cosmetics and layout. Using <br> is not for responsive web sites or accessibility like screen readers.

Source

Crist