centered my form

yuki 25 Mar, 2012
hello,
I created a form with ChronoForms and it works well.
but I want to make the form centered on the page, I have done a test:
I put two custom element, one on top (<center>), and the other at the bottom of the form (</ center>)
but no results, please someone help me!
thank youu ^^
GreyHead 26 Mar, 2012
Hi yuki,

Please use your browser web developer tools to see what is setting the form position. I don't think that ChronoForms has any CSS setting for this but your template probably does.

Bob
yuki 26 Mar, 2012
Good evening,🙂
well I'll try, thank you very much GreyHead
kodcanavari 11 Apr, 2012
Hi Yuki,

All of the form elements generated by ChronoForms has the class name "ccms_form_element" in my form and the related css is under /components/com_chronoforms/css/frontforms_tight.css (if u use tight layout of course)

I've set the margin left attribute then it works for me.
.ccms_form_element {
    clear: both;
    margin-bottom: 2px;
    padding: 1px 0 1px 5px;
    position: relative;
    margin-left: 30%;
}


Edit:

I've added Load Css event on load and added this to it:
.ccms_form_element 
{
    margin-left: 30%;
}


Hope it helps,
Cheers,
Kod
yuki 12 May, 2012
Yes it's worked, thank you very much kodcanavari 😀
This topic is locked and no more replies can be posted.