Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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: http://ilanwittenberg.com/be-in-to-win using the three CSS codes below (separately) without success:

    #top.page-id-10035 #fixed-width-center .flex_cell .flex_cell_inner {
    max-width: 1024px !important; 
    width: 1024px !important;
    margin: auto !important; 
    }
    
    #top.page-id-10035 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.

    Thanks,
    ofekw

    #1018850

    Hey ofekw,

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

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

    Best regards,
    Rikard

    #1018857

    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.

    Ofekw

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

    Hi,

    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,
    Rikard

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

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