ChronoForms4 CSS

How to position a ChronoForms4 form using CSS.

Overview

The CSS positioning properties were not working because the form element had a default relative position.
Change the CSS position property to absolute for the form container to enable the left and top positioning.

Answered
BN BNDragon 29 Jan, 2014
Hi there again,

I'm trying to costum my form, in my myTemplate.css file i put

.moduletableContactForm
{
left: 50%;
top:50%;

}

The problem is that none of these formatting happen!
Can someone help me!?

Greatings
BN
Gr GreyHead 29 Jan, 2014
Hi BN,

Not from the information here :-(

If you use your browser Web Developer tools you can probably work out what is happening.

Bob
BN BNDragon 29 Jan, 2014
Answer
Hi Bob,

I found my problem, the form of CF4 has a relative position by default, so I let here the note to who could have the same problem😉
Just fix the posiction to absolute!😉

.moduletableContactForm
{
left: 50%;
top:50%;
position: absolute;
}

Greatins
BN
This topic is locked and no more replies can be posted.