Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1018804

    Greetings Team,

    I’m trying to create a form which will be displayed at the centre of the screen.
    Tried to center align this form: using the three CSS codes below (separately) without success: #fixed-width-center .flex_cell .flex_cell_inner {
    max-width: 1024px !important; 
    width: 1024px !important;
    margin: auto !important; 
    } form.avia_ajax_form  {
        display: flex;
        justify-content: center;
        max-width: 100% !important; 
    .page-id-10035 .main_color.container_wrap_first.container_wrap.fullsize{
        text-align: center;
    	max-width: 1024px;
        margin: 0 auto;
        padding-left: 0 !important;
        padding-right: 0 !important;
        background: inherit;
        display: block;

    Please advise.



    Hey ofekw,

    Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-10035 form {
        display: table;
        margin: 0 auto;

    Best regards,


    Hi Rikard,

    Inserted the contact form into a Grid Row and entered the code fixed-width-center under For Developers: Section ID

    This resolved the issue- thanks.


    • This reply was modified 1 year, 7 months ago by  ofekw.


    Great, glad you got it working :-)

    I’ll close this for now then, please open a new thread if you should have any further questions or problems.

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Center Aligning Forms’ is closed to new replies.