Appointments css align text and image

Hi, on my booking page >>> https://goo.gl/T5efCn i need to change the alignment of text and images for service and provider ...

need to have service top and provider right under ....
or side ...

at the moment they are kind of mixed ....it must be something to do with css ... just need the right code which i can use in my custom.css file

please see screenshot

thanks

  • Dimitris

    Hello there claudia,

    hope you're doing good today! :slight_smile:

    I went ahead and inserted the following CSS in Appearance->Customize->Additional CSS

    .app_services, .app_workers {
        float: left;
        width: 48%;
        margin-right: 2%;
    }

    This creates a 2-columns layout, one for services and second for providers. If you wish to have these in separate rows, then replace above snippet with

    .app_services, .app_workers {
        float: left;
    }

    Hope that was some help!
    Warm regards and merry Christmas! :slight_smile:
    Dimitris

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.