This guide will show you how  you can easily tailor the look and feel to your exact preferences with our Custom Code feature.

Vepaar provides you with two languages i.e. JavaScript and CSS to do any customization. They allow you to customize the appearance of your theme without the need to create a child theme or worry about theme updates overwriting your customizations. 

Steps to add Custom Code

• Navigate to "Custom code" under settings on store.vepaar.com. 

• There you will find Two languages to choose from. 

Custom CSS  

Here is an example of a Custom CSS to hide the Login button, change the color of the footer, hide the chat icon, and remove login dialogue at the checkout on the Store.  

body{
    .footer{
        background-color: red !important;
    }

    .footer .chat-launcher{
        display: none !important;
    }    

    .overflow-hidden.relative {
         border: none !important;
    }       
    
    .overflow-hidden.relative .p-6 { 
        display: none !important;
    }
    
    .header .login{
        display: none !important;
    } 
}

Before 

After