Help needed to get first and second names onto a single line?

  • Profile Image
    Cellofest
    Asked on May 24, 2017 at 07:32 AM

    The two boxes for first and second names always seem to spread over two rows.  I had this problem before with a previous form. The code I was given for fixing it hasn't worked this time - not sure if this is because I have another code to keep the labels the full width?  This is what I have at the moment:

    .form-sub-label-container {

        width : 48% !important;

    }

     

    .form-label.form-label-top {

        width : 100% !important;

     

    Thanks!

  • Profile Image
    Welvin
    Answered on May 24, 2017 at 09:30 AM

    Use the following custom CSS instead:

    [data-type="control_fullname"] .form-sub-label-container {

        width: 48% !important;

    }

  • Profile Image
    Cellofest
    Answered on May 24, 2017 at 09:50 AM

    Perfect! Thanks very much!

  • Profile Image
    Cellofest
    Answered on May 24, 2017 at 10:13 AM

    Also is there a way to make the padding between the columns on the rest of the form the same as the gap between the full name boxes?

    Thanks!

     

  • Profile Image
    Welvin
    Answered on May 24, 2017 at 11:30 AM

    Try to replace the previous full name CSS with the following and let me know if this suits you:

    [data-type="control_fullname"] .form-sub-label-container:first-child {

        margin-right: 0%;

        width: 50% !important;

        padding-right: 3px;

    }

    [data-type="control_fullname"] .form-sub-label-container:nth-child(2) {

        width: 50% !important;

        padding-left: 3px;

        margin-left: 0% !important;

    }

     

  • Profile Image
    Cellofest
    Answered on May 25, 2017 at 09:59 AM

    I love this! So good when things are symmetrical! :) 

    Thank you