Text alongside contact form

Hi,
Do you mean that you want to have a separate block of text on the left and the form on the right, or that you want the field labels to be to the left of the fields?

~n

I’d like to have a separate block of text to the left and the form on the right, as two distinct entities.
Thanks for your help

Use a ‘<div></div>’ pair, one for the text and one for the for. Or, if you want to do it the old way, create a table with one <tr><tr>' and two<td></td>`’s. Either way will work.

To explain further, something like this…

<div class=”text-block”>Text goes here</div>
<div class=”form-block”>Form goes here</div>

Then in your stylesheet add this…
.text-block {
float: left;
width: 50%;
}
.form-block {
float: left;
width: 50%;
}

Perfect, thank you both very much for your help

which stylesheet should it go?
1. appearance>editor>stylesheet
2. stylesheet inside the theme folder?
3. just add it at custom css?

I tried all sorts of things but neither works

Thanks!

It should go in the ‘syle.css’ sheet. This will be the default after you’ve clicked on appearance>editor

This is assuming we are both looking for the same thing.

You can view my layout at: https://www.completerenewables.co.uk/our-products-and-services/solar-pv/

If you add the code to the plugin stylesheet and ever update the plugin, the code you added will be overwritten. That’s why you should put any extra code in the THEME stylesheet.

And I always add comments above and below the new code, because as time goes by, you will forget what code does what – not required, but it has saved my butt more than once.

/* added 1 Feb 2013 to allow display format and category dropdown lists on ai1ec to work correctly */

code
.
.
.
/* end of formatting code */