Date field width too long on webpage.

  • Profile Image
    Asked on May 14, 2015 at 06:20 PM

    We've added a date field to a form we previously built.

    The date field comes up fine while editing and in preview.  However, on the actual webpage where it is embedded the individual fields for month / day / year are too wide and run out of the defined width of the form.


    We're also having problems keeping the background transparent.


    Any help with correcting this would appreciated.

  • Profile Image
    Answered on May 14, 2015 at 07:20 PM

    Hi there;

           Here are the issues;

    Width Issue:

    Could you please remove the following code block under this parent selector;

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {

    .form-sub-label-container { width: 100%; margin: 0; } - CODE NEED TO REMOVE



    Background Issue:

    For background, please inject the following CSS Code at the end, read our guide here on How to Inject Custom CSS Codes;

    .supernova .form-all, .form-all {background-color: transparent !important;border: 1px solid transparent;}

    .supernova {background-color: transparent !important;}

    I hope this helps. Please do let us know if you need further assistance, we would be happy to assist you further.