Inject CSS: How do I change the width of a date box to look smaller on the user end

  • Profile Image
    DQs
    Asked on January 30, 2018 at 02:57 PM

    How do I change the width of a date box to look smaller on the user end



    This is a re-post of a comment on Customize Your Form Using Custom CSS Codes

  • Profile Image
    Mike
    Answered on January 30, 2018 at 03:51 PM

    If you are referring to the 'Workshop Registration Form - Responsive' form, you may try adding the next CSS:

    [data-type=control_datetime] .form-input-wide {
    max-width: 120px !important;
    }
    [data-type=control_datetime] img {
    padding-left: 10px;
    }

    Thank you.