CSS Modifications and Adjustments

It is pretty common that some CSS modifications are needed before going live with the WordPress website. Most of the times the default colours need to be modified to fit the Theme style or the company concept. Other times some margins, alignments and padding should be adjusted.

Editing the default CSS rules of the component is easy when using a browser inspector tool that gives you the exact line to modify. It's too easy and it's actually wrong because any update will overwrite the main CSS file for styling the new features. The solution in this case is to not install the update by keeping an old and unsupported version of the plugin. At least the work done will not go lost. This is just wrong because there is a better way to reach the goal.

VikAppointments has a custom CSS file that gets loaded at last in the source code. This CSS file was made exactly for custom modifications and it should be used for any sort of adjustments. No updates will ever touch this file so you will never lose your modifications. You should move onto this file all the CSS rules that were modified so that they will overwrite the default styles.

This file can be modified either via FTP or through the customizer tool of the plugin, under the Applications configuration page.
Here's the path of the file:
/wp-content/plugins/vikappointments/site/assets/css/vap-custom.css

Additionally, if you are using a theme with dark colors that doesn't fit the default style of VikAppointments, it is possible to change the Template Theme setting from the configuration of the plugin. For example, by selecting the Dark option, the plugin will adjust its style by using a lighter layout.