# 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:
Affiliate dashboard badges
Go to the Look and Feel > Affiliate Dashboard > Custom CSS section and paste the following code in there:
```css
.badge {
visibility: hidden;
}
```
After this, click on **Submit**.
Add the code and 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:
Banner overlay
Go to the Look and Feel > Affiliate Dashboard > Custom CSS section and paste the following code in there:
```css
#hero_background {
background-blend-mode: lighten !important;
}
```
After this, click on **Submit**.
Add the code and 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:
Affiliate portal footer
Go to the Look and Feel > Affiliate Dashboard > Custom CSS section and paste the following code in there:
```css
.bg-light.border-top.border {
background-color: #xxxxxx !important;
}
/* Replace the #xxxxxx with the hex color of your choice */
```
Add the code and click on Submit
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:
Signup page heading
Go to the Look and Feel > Affiliate Dashboard > Custom CSS section and paste the following code in there:
```css
.text_on_bg {
text-align: center;
}
```
Add the code and click on Submit
The heading on the signup page will get centered.
{% hint style="info" %}
This will also apply to the heading on the login page of the affiliate portal.
{% endhint %}
