CSS Template for Tips Calculator

This CSS template will help you to beautify the Tips Calculator feature as shown in the image below. Here we have applied the list item margin, box shadow and light background color for the final tip amount.

You can change the hex color code in the CSS code as per your requirements.


  • After purchase, you will get a CSS code which you can copy-paste in Colors Section > Advanced Customization CSS / SCSS Section.
  • After purchase, you will get a zip file, just unzip it, you will find a txt file for CSS Code and a PDF File for instructions for CSS Codes Collection Module.
  • You don’t have to upload this zip file anywhere.
  • This is a CSS Template so support is only for any bug/error in the code. Customizations / Modifications are not included in the FREE support. If you need any additional changes, we will charge a nominal fee for our efforts and time.
Add to cart