From the screenshot, the “too much space” could be adjusted with this bit of CSS ( must be used in child theme’s style.css
or in Custom CSS plugin, parent theme must stay untouched. )
.singular.page .hentry {padding-top:0;}
.singular .hentry {padding-top:0;}
adjust 0 with your own value if needed.
For the “not level” problem, it’s impossible to help without inspecting the source code.
That worked wonders, thanks!
Would you know what bit of code I should be looking for in for my other problem? Perhaps a .php file for the plugin I’m using?
Alternatively would you know of a good Contact form plugin?
Thank again!
The “not level” issue is impossible to guess, it might not be CSS, it might be the markup, whatever it is, it’s impossible to guess.
If not yet, you should start learning how to use web developer tool, so that you can inspect the elements and its CSS.
Firefox: Inspect Element
https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector
Chrome: developer tools
https://developers.google.com/chrome-developer-tools
For the contact form, if you will install Jetpack plugin for your project, use the one that comes with it (Grunion contact form), but if you are not gonna use Jetpack for something else, do not just install Jetpack for the sake of one plugin.
There are lot of contact form plugins, mostly over stuffed with features that I myself never use, so I go with a very simple one here at the moment.
Simple Basic Contact Form
http://wordpress.org/extend/plugins/simple-basic-contact-form/
Try your contact form in normal page (without Page Builder), and see if the space is still there, at least you can rule out if the space there is caused by Page Builder itself or the contact form or the combination of both.
Simple Basic Contact form worked great for the levelling.
Page looks great now, thanks Paul!