Changing the look of the Checkout Steps Indicator

 

Please take note, since v8.1 and above versions, the Checkout Steps Indicator has been enhanced to use CSS and no longer can be edited from Checkoutsteps table. If you are still using v8.0 or below versions, we would suggest you to upgrade to our latest version.


Please follow the steps below to modify the Checkout Steps Indicator icons:

 

1.   Log in to your VPCart Administration.

2.   Go to: Website » Template/CSS Manager

3.   Locate “Template CSS (default)” in the right panel, and select “main-responsive.css” from dropdowns.

4.   Click Edit button.

Now, depend on which ones you want to edit for the Checkout Steps Indicator :