Date and time in date picker on one line please

  • Profile Image
    AceCo
    Asked on February 14, 2020 at 07:18 AM

    At the moment the data picker widget extends over two lines:

    1581682612Snap_2020.02.14_22h33m39s_002_

    I would like it all on one line like this:

    1581682659Snap_2020.02.14_22h33m19s_001_

    Can you tell me how to achieve this please

    Thank you

  • Profile Image
    JohnRex
    Answered on February 14, 2020 at 07:36 AM

    Please try adding this code below to your custom CSS codes:

    span.allowTime-container {

        float: right;

        margin-right: -40px;

    }

    @media screen and (max-width: 480px){

    span.allowTime-container {

        float: none!important;

    }

    }

    This will keep the time field aligns with the date field on desktop, then resets its position when viewed on mobile.

    Please try that and let us know how it goes.

  • Profile Image
    AceCo
    Answered on February 14, 2020 at 08:07 AM

    Worked a treat!!!

    Thank you very much for both the very quick reply and your expertise.