Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how to add a blank line contact form 7

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.

screenshot of recaptcha too close to send button

Thanks in advance!

like image 671
bananagram Avatar asked Jan 06 '23 08:01

bananagram


1 Answers

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
like image 58
bluemwhitew Avatar answered Jan 09 '23 18:01

bluemwhitew