CSS Customizations

Here are some CSS customizations that you can make in your affiliate portal:

Remove badges from the affiliate dashboard

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.

Remove overlay from the landing page banner

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.

Customize the color of the affiliate portal footer

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).

Align the signup page heading to the center

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;
}

The heading on the signup page will get centered.