I actually want mine centered and it stays aligned to the left! At one point it was aligned center then somehow became left centered and now won’t budge.
@staceyk
Add this under the tab STYLES; to the width of the FORM DIV (the first box)
margin-left: auto; margin-right: auto;
@selmaporobic
Do you have a link to your form?
Look for the code I just gave to Stacey. If you see it, delete it.
Funny thing is, on the dashboard it centers it. On the actual page, it’s still on the left!
My site is currently locally hosted but will be put up on a dev site soon…and production shortly after that. If I have to change the alignment after it is live I can.
Do you use a caching plugin? If so… try deleting the cache and see if that fixes it.
I didn’t at the time and I don’t have one active currently.
Site is now live:
http://www.houndsofgrace.org
Contact Us is where I am using the form.
Did you try adding the code on your live site? I’m able to center your form with those margins using Inspect element in Chrome. I dunno why it wouldn’t have worked while it was being developed locally, but it’s worth a try. (I also changed the width to 250px)
The code is there:
I have tried:
width: margin-left: auto; margin-right: auto; max-width: 250px;
and
margin-left: auto; margin-right: auto; max-width: 250px;
and
width: 99%; margin-left: auto; margin-right: auto; max-width: 250px;
all to no avail on the live site.
That is really odd. Have you checked to see if there is a plugin conflict? De-activate all of your other plugins, except FSCF, and see if your form moves into the center.
Under the ‘Styles’ tab, where it says: Select the method of delivering the form style: What stylesheet are you using?
@staceyk @jockoe Thank you both so much for replying! Didn’t even expect anyone would reply. I’m sorry for my late response! Been out of the country for a couple of weeks.
I’ve tried all the options you two gave me, but it’s still centered. I’m probably doing something wrong! My form: http://posemedia.nl/contact/
Thanks!
@jockoe I’m using the ‘Internal Style Sheet CSS’ by the way.
Hi selmaporobic, I had a look at your URL above. For some reason you have the following.
element.style {
max-width: 555px;
width: 99%;
}
The width above is set to 99% if you change that to let say 9% it will fix your contact form as per your request. I am just curious about the element.style where is that coming from? Anyhow making that change will align your form to the left.
Kind regards
@mbrsolution Thank you! That actually helped :D! Only problem now is that the ‘submit’ button is still centered… I don’t know how to change that.
Hi selmaporobic, on the following code…..
<div id="fscf_submit_div3" style="padding-left:146px; float:left; clear:left; text-align:left; padding-top:15px;">
<input id="fscf_submit3" type="submit" value="Neem contact op" style="cursor:pointer; margin:left; color:#ffffff; background-color:#ff5a00">
Change the style=”padding-left:146px to something smaller like 14px or so.
Let me know if this helps you.
Kind regards
