Back to Developer Guides

Adding Custom CSS with Mini-plugin

This guide applies to:

  • Basic Edition
  • Plus Edition
  • Pro Edition
  • Business Edition

In this guide, we will go over how to use our custom mini-plugin as an alternative method to adding custom CSS to the Simply Schedule Appointments plugin.

This method is convenient for making CSS changes without adding stylesheets to the theme. Additionally, if you want to switch the theme on your site, you can do that without worrying about including the same CSS changes made previously in the Simply Schedule Appointments plugin in the new theme.

Installing the Mini-plugin on your site

You can install the mini-plugin on your site like any regular plugin. To do so, take the following steps.

  1. Download the mini-plugin zip via the following link: https://github.com/nsquared-team/ssa-custom-styling
  2. Log into your WordPress website as an administrator and head over to Plugins > Add New Plugin > Upload Plugin > Choose File.
  3. Upload the downloaded mini-plugin file to your WordPress site. Once the file is loaded, install and activate the plugin, after which the mini-plugin should be displayed in the list of Installed Plugins.

Adding custom CSS to the Mini-plugin

Once the plugin is activated, go to Plugins > Plugin File Editor and select SSA Customization—Custom Styling under the Select Plugin to edit option.

Choose SSA Customization - Custom Styling from the list of plugins.

Once the customize.php file for the SSA Customization—Custom Styling is loaded, you will see three add_action functions with options to add CSS to the following:

Add the custom CSS to the corresponding option and update the file.

Add custom CSS

With this method, some custom CSS snippets might not work as intended, as the SSA plugin style settings might overwrite the CSS you added. Adding the important tags (!important) at the end of the CSS snippets for the code section should fix the issue. However, feel free to write to our Support Team if you need further assistance. 

Still stuck?

File a support ticket with our five-star support team to get more help.

File a ticket

  • Please provide any information that will be helpful in helping you get your issue fixed. What have you tried already? What results did you expect? What did you get instead?
  • This field is for validation purposes and should be left unchanged.

Related Guides