Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 8, 2018 at 7:08 am #1018804
    ofekw

    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

    October 8, 2018 at 8:47 am #1018850
    Rikard

    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

    October 8, 2018 at 8:59 am #1018857
    ofekw

    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 6 years, 2 months ago by ofekw.
    October 8, 2018 at 11:46 am #1018940
    Rikard

    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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Center Aligning Forms’ is closed to new replies.