Changing the width of the textbox did not impact the width of the parent element. How to fix it to remove empty space?

  • Profile Image
    cherrihsu
    Asked on February 01, 2015 at 10:28 PM

    Hi in the phone number session  I though I'd like to make it more compact and align all the 3 fields into one line.  I've shortened the width of two boxes.  How shall I further reduce the "space" each box occupies?

  • Profile Image
    Ben
    Answered on February 02, 2015 at 08:17 AM

    If you add this CSS code all the 3 fields will be in the same row, equally spaced out.

    #cid_6 .form-sub-label-container {
        width: 85px;
    }
    #input_6_country {
        width: 75px;
    }

    Do let us know if that is the layout that you wanted to achieve once you test it out.