[Appointments+] Modern Styling for Appointments+ Page

The default styling for the Appointments+ calendar page is a bit dull. Are there any good examples of added CSS that make this calendar page look a little more modern. For example, see the Bookly Calendar: http://www.booking-wp-plugin.com/demo/consultant/

  • Predrag Dubajic
    • Support

    Hi Matt,

    Hope you're doing well.

    Appointments+ could achieve similar look but it would require quite a lot CSS changes that would require custom development I'm afraid.
    I did have a look at it an here is some CSS code with A+ classes that should help you get started with this:

    .app_monthly_schedule_wrapper table td,
    .app_monthly_schedule_wrapper table th {
        border: none;
    }
    
    .appointments-list table {
        border: 2px solid #efefef;
        background: #ff7600;
    }
    
    .appointments-list td.notpossible {
        background: #ff7500!important;
    }
    
    .appointments-list td.free {
        background: #ff7500!important;
        color: #fff;
    }
    
    .app_timetable_cell {
        border: 1px solid #b1b1b1;
        border-radius: 5px;
    }

    If you need further assistance to customize this then you can post a job on our jobs board where you can hire a developer to assist further as this would be a custom development:
    https://premium.wpmudev.org/wordpress-development/
    Please note that no WPMU official staff members are allowed to work on the job board.

    Best regards,
    Predrag

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.