Centre Align Form Box

  • 2
  • Problem
  • Updated 6 years ago
  • Solved
Hey,

Does anyone know how to centre align the form widget. I swear I used be able to do this by selecting the widget then going to a HTML box, however on the new layout, I can't seem to find it.

Thanks
Photo of Marcus Knight

Marcus Knight

  • 6 Posts
  • 0 Reply Likes

Posted 6 years ago

  • 2
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Marcus,

The easiest way is to drag a column divider widget onto your page and then place a form widget into the right hand panel. Move the centre divider left a bit at a time and by eyeball locate the form centrally.
Photo of Marcus Knight

Marcus Knight

  • 6 Posts
  • 0 Reply Likes
Yeah I thought about that but the only issue is it wont make the text centred. It can be done, well at least it could be done as you can see on the link http://www.bobpresents.co.uk/contact-...

Always a shame when layout changes and they miss out key features, well it might be there somewhere but I can't find it :(

Cheers
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Marcus,

As far as I know, there was never a feature which allowed your Yola Form to be centered. You could use HTML coding to make this effect though. Could it be possible you might have done that? The code to do this would be:


<style type="text/css">
div.sys_yola_form{
text-align: center
}
</style>
Photo of Marcus Knight

Marcus Knight

  • 6 Posts
  • 0 Reply Likes
Hey,

Yeah that's what I have done before, but how do I insert the code on the new yola layout? There used to be a little html box you could click when you selected the form, but it doesn't look like its there anymore.

Thanks
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Marcus

Just place an HTML Widget at the very top of your page (at least above your Form Widget) and add the code Sanja provided. Let us know how that goes.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
You will find the HTML Widget in the Widget Menu (click on "Widgets" in the bottom menu bar in your Yola Sitebuilder if needed) under "Basic".
Photo of Marcus Knight

Marcus Knight

  • 6 Posts
  • 0 Reply Likes
Worked perfect. Thanks everyone, much appreciated.
Photo of Eyes Half Closed

Eyes Half Closed

  • 62 Posts
  • 17 Reply Likes
A simple options to center all the fields and text of the form widget would be great! All the other elements in my sites are centered, so a left centered form doesn't quite look right. :)