Appnitro Software Forums » MachForm 2

Center whole form into my website?

Started 3 months ago by benbarroga | 2 posts |


  1. benbarroga
    Member

    Hi
    How do I center the whole form into my website?
    It seems the whole form is onto the left on my page.

    http://amazingfatlossresults.com/free/wedding.html

    The preview option in machform of my form is different to when i embed it to my website..

    Please help!

    Cheers

    Posted 3 months ago #

  2. yuniar

    Hi Ben,

    When the form is being embedded, the form border is automatically being removed indeed, since it was supposed to blend with your existing pages.

    However, if you need to have the form to have the same style as the original, you can do so by editing the CSS of your form.

    Click "Edit CSS" menu from your machform admin panel and then search this block of code:

    /** Embedded Form **/

.embed #top, .embed #bottom, .embed h1{
	display: none;
}

.embed #form_container{
    border: none;
	width: 100%;
	background: none;
}

.embed #footer{
	text-align: left;
	padding-left: 10px;
	width: 99%;
}

.embed #footer.success{
	text-align: center;
}

.embed form.appnitro
{
	margin:0px 0px 0;

}

    simply remove all the code above and then refresh your browser to see the result.

    MachForm Founder

    Posted 3 months ago #

RSS feed for this topic

Reply