- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
Centering contact forms
Is there a way to centre the contact forms? If not can Weebly please implement this option?
If the rest of the website text is centred it looks very odd when the contact form is left-aligned.
(Putting in a spacer doesn't seem to work because it looks strange on some screens.)
Thanks
Simon
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
@SimonM Generally speaking, you should avoid Weebly spacers whenever possible particularly for adding columnar spacing. (For horizontal spacing, use the separator element instead and turn off the line display; the separator allows you to set the pixel spacing above and below the separator so you know exactly how much space you're adding; the spacer element on the other hand tells you nothing about the amount of spacing beyond what your eyes tell you.)
With regard to your contact form, you'll need a little bit of css code on the page containing the form to center it. In the Weebly Site Editor, click on "Pages" and then click the desired page in the pages stack in the left-hand sidebar. Click "SEO Settings" in the left-hand sidebar. Scroll down to the "Header Code" box and insert the code below. In order to use the "margin" left/right auto attribute (which centers an element horizontally), you have to give the element itself a width. In the example below, I've set the maximum width of the contact form container to 400px, however, you can modify this number as makes sense visually for your page and form.
<style>
.wsite-form-container { max-width: 400px; margin: 0 auto; }
</style>
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
Thank you! The code works great, but the submit button stays left-justified. Is there a fix for that?
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
When i just followed @PaulMathewsadvice it seems to move the submit button too...
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
thank you, that's a great help - never occured to me to use separators instead of spacers!
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
I am not tech-savvy & canNOT 'write code'/'insert code', so does that mean it's impossible for me to center the button? Also, Weebly lets me center the 'regular' Button, so why don't they fix this?
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
Hi, the button isn't moving for me either. is there a way to fix this?
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report

- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
Hi, @lek34. Can you post a link to the page of your site that has the form on it?
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
Thanks Adam, i sent you a PM with the address.
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
You can center the button in the button editing settings. Click on the button itself in the editor, then click "button" and you can center align it.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
Darn. Doesn't work for me.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report