Navigate to your campaign by clicking on the "Edit" button in your Dashboard.

In the left navigation, click on the "Notifications" button, then "Advanced Settings" link at the bottom of the page. This will open up a new section to allow you to add custom CSS and scripts to your welcome popup/widget people see after they have joined your referral campaign.


You will can customize these elments.

CSS code examples

To edit these examples, just change the code in bold, then copy and paste into the third field called "Do you have any custom css for your welcome popup?".

Change the font-size and color of share title

 ("share your unique link")

<style>    
   #vsu-body-iframe .share-title{
        font-size:20px !important;
    color:green !important;
    }
</style>

Change the color, font-size, shape of sharing icons

<style>    
   #vsu-body-iframe .social-btn {
        background: none !important;
        color: #499df3 !important;
        font-size:24px !important;
        border-radius: 8px !important;
    }
</style>

Change the width and border of the popup

<style>    
   #vsu-body-iframe .vsu-form {
        max-width: 600px !important;
           width:600px !important;
        border: 1px solid #e1e1e1 !important;
        border-radius:6px !important;
    }
</style>

Did this answer your question?