• 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 Kasia – WPMU DEV Support

    (@wpmudev-support2)

    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

    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 Kasia – WPMU DEV Support

    (@wpmudev-support2)

    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)
  • You must be logged in to reply to this topic.