CSS Modifications and Adjustments

It is pretty common that some CSS modifications are needed before going live with the website. Most of the times the default colours need to be modified to fit the Template 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 extension. At least the work done will not go lost. This is just wrong because there is a better way to reach the goal.

VikRestaurants 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 adjustment. No updated 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 only via FTP by accessing it at:

/components/com_vikrestaurants/assets/css/vre-custom.css

In case the file doesn't exist, it is needed to create an empty file using the mentioned path.