Add custom CSS

The usual methods of enqueuing custom CSS stylesheets won’t affect the styling of Simply Schedule Appointments. Why? Because SSA is written as two single page apps (one for booking and one for admin) using Vue.js and the WordPress REST API.

You can, however, still change the appearance of both apps.

Styling the admin app

We’ve added the ability to include your own custom CSS by including files in your theme. To style the admin app, add a file at this location: wp-content/themes/your-theme/ssa/admin-app/custom.css where your-theme is the name of your theme folder.

Now let’s take a look at how to style the booking app:

Styling the booking app

Just like the admin app, you can style the booking form by adding your own custom CSS files in your theme. To style the booking app, add a file at this location: wp-content/themes/your-theme/ssa/booking-app/custom.css where your-theme is the name of your theme folder.

There are also some more beginner-friendly ways to style the booking app.

We have some helpful CSS snippets available to guide you along.