Put Back and Submit Buttons on One Line

  • I have created a multi step form with three contact forms. I would like to put the Back and Submit buttons on one line to preserve space.

    Dianne P.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author webheadcoder

    (@webheadllc)

    You should be able to just place them on one line like so:

    [previous] [submit]

    If it’s displaying on multiple lines, then your theme is probably causing the issue and you’ll need to add custom CSS or adjust your theme.

    Thread Starter dpardinas

    (@dpardinas)

    My code is:

    [previous “Back”] [submit “Next”]

    I found the list of themes and the edit list of options. Can you assist me with which one needs to be modified and what needs to be done?

    Dianne

    Plugin Author webheadcoder

    (@webheadllc)

    You can go to your Customizer by going to Appearance -> Customize. Then in Additional CSS enter the following:

    
.wpcf7-form .wpcf7-previous {
    display:inline-block;
}
.wpcf7-form .wpcf7-submit {
    display:inline-block;
    margin-left: 10px;
}

    If that doesn’t work or you don’t have an area to add CSS you’ll need to contact your theme’s developer and ask them what you need to do to change the buttons.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Put Back and Submit Buttons on One Line’ is closed to new replies.