All pages
Powered by GitBook
1 of 1

Loading...

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:

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:

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:

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:

The heading on the signup page will get centered.

This will also apply to the heading on the login page of the affiliate portal.

Affiliate dashboard badges
Add the code and click on Submit
Banner overlay
Add the code and click on Submit
Affiliate portal footer
Add the code and click on Submit
Signup page heading
Add the code and click on Submit
.badge {
visibility: hidden;
}
#hero_background { 
background-blend-mode: lighten !important;
 }
.bg-light.border-top.border {
background-color: #xxxxxx !important;
}

/* Replace the #xxxxxx with the hex color of your choice */
.text_on_bg {
    text-align: center;
}