Start and End date layout

  • Resolved josephc1985

    (@josephc1985)


    1 year, 1 month ago

    I have been styling my calendar and form with some CSS however I have ran into a problem. I would like the start and end dates to be horizontal. I have tried:

    .wpbs-form-selected-dates {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 2rem !important;
    align-items: flex-start !important;
    }

    .wpbs-form-selected-date {
    flex: 1 1 45% !important;
    }

    This doesn’t work. Any ideas? TIA.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter josephc1985

    (@josephc1985)

    1 year, 1 month ago

    UPDATE: I sussed it:

    .wpbs-form-selected-dates {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 2rem !important;
    align-items: flex-start !important;
    }

    .wpbs-form-selected-date {
    flex: 1 1 45% !important;
    }

    Now working.

Viewing 1 replies (of 1 total)

The topic ‘Start and End date layout’ is closed to new replies.