CSS Customizations

To remove the badges showcasing the commission rate and the discount value of the coupon from the affiliate dashboard:

Go to the Look and Feel > Affiliate Dashboard > Custom CSS section and paste the following code in there:

.badge {
visibility: hidden;
}

After this, click on Submit.

The badges will be removed from the affiliate dashboard.

To remove the overlay from the landing page banner:

Go to the Look and Feel > Affiliate Dashboard > Custom CSS section and paste the following code in there:

#hero_background { 
background-blend-mode: lighten !important;
 }

After this, click on Submit.

The overlay will be removed from the landing page banner.

To customize the color of the footer section:

Go to the Look and Feel > Affiliate Dashboard > Custom CSS section and paste the following code in there:

.bg-light.border-top.border {
background-color: #xxxxxx !important;
}

/* Replace the #xxxxxx with the hex color of your choice */

The footer color will get set as per the color you set (in the code).

To align the signup page heading to the center:

Go to the Look and Feel > Affiliate Dashboard > Custom CSS section and paste the following code in there:

.text_on_bg {
    text-align: center;
}