Two Columns for Hustle Form

  • Resolved formsaregreat

    (@formsaregreat)


    6 years, 6 months ago

    Hi,

    I’ve got a form with 4 fields, I’d like to split them into two columns each, with the submit button being the full width.

    How do I do this?

    I’m not able to publish the link unfortuantely 🙁

    Thanks! 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    6 years, 6 months ago

    Hello @formsaregreat ,

    You can try CSS like that:

    
.hustle-ui.hustle_module_id_X .hustle-popup-content .hustle-optin.hustle-optin--default .hustle-form label.hustle-field {width: 49%; float: left ;display:block;
	flex: none;
}

.hustle_module_id_X .hustle-button-submit {width: 98.1% !important; clear: both !important;}

    Replace X with id of your module.

    kind regards,
    Kasia

    Thread Starter formsaregreat

    (@formsaregreat)

    6 years, 6 months ago

    Thank you for your reply.

    I’ve put this in:

    .hustle-ui.hustle_module_id_HomeFormDesktopcopy .hustle-popup-content .hustle-optin.hustle-optin–default .hustle-form label.hustle-field
    {width: 49%; float: left ;display:block;
    flex: none;
    }

    .hustle_module_id_HomeFormDesktopcopy .hustle-button-submit
    {width: 98.1% !important; clear: both !important;}

    And nothing has changed. Have you got any other suggestions? 🙂

    Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    6 years, 6 months ago

    Hello @formsaregreat ,

    The ID is a number. You can see it when editing your module in the browser URL field. Like that:
    l/wp-admin/admin.php?page=hustle_popup&id=11
    11 is id, so X need to be changed for the 11 in my case. You need to check the id of your module.
    Also, try this code in the Appearance -> Customize -> Addtional CSS

    kind regards,
    Kasia

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Two Columns for Hustle Form’ is closed to new replies.