This bundle of 5 CSS templates will help you to beautify the Loyalty Card feature.
Box Shadow Concept Template: Here in this template, we have applied the list item border-radius, margin, box shadow, login button background color, removed default icons & added the icon image etc.
You can change the login button background color code and image URL in the CSS code.
Note: Use 512*512px like square images for better look of icon image.
Modern Gradient with Box-shadow Concept Template: Here in this template, we have applied the list item border-radius, margin, box shadow, login button gradient background , removed default icons & added the preview image etc.
You can change the hex color code and image URL in the CSS code.
Note: Use 300px*100px rectangle preview image for a better look.
Glass-morphism Concept Template: Here in this template, we have applied the glass like opacity with blur effect, background image, list item border-radius, margin, box shadow, login button border radius, removed default icons etc.
You can change the background color opacity and image URL in the CSS code.
Neu-morphism Concept Template – 1: Here in this template, we have applied the inset box shadow, list item border-radius, margin, login button border radius, removed default icons etc.
You can change the hex color codes in the CSS code.
Neu-morphism Concept Template – 2: Here in this template, we have applied the inset box shadow, list item border-radius, margin, login button border radius, removed default icons etc.
You can change the hex color codes in the CSS code.
Notes:
- 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.