> For the complete documentation index, see [llms.txt](https://docs.shopjar.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shopjar.co/faq/how-to-change-the-color-of-the-svg-element-in-my-account-page.md).

# How to change the color of the SVG Element in MY account Page

To change the color of the SVG elements according to your preference, follow these steps:

Go to Shopify Dashboard ->  Apps -> Referral Program: Shopjar -> Referrer / Affiliate dashboard -> Customize Referrer / Affiliate dashboard page -> 

<figure><img src="/files/UZIhChv1vmt3TdXLsnZw" alt=""><figcaption><p>Referrer / Affiliate Dashboard </p></figcaption></figure>

<figure><img src="/files/sablWMGXpUZCryNffGz1" alt=""><figcaption><p>Paste the Custom CSS<br></p></figcaption></figure>

Here is the CSS Code changing  SVG Elements

```
.cf_ram_my_account_copy_link {
background-color: #F06133;
}
.cf_ram_my_account_tab_active {	
border-bottom: 3px solid #F06133;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: rgb(151, 215, 0);
}
.cf_ram_my_account_auth_submit_button{
text-align: center !important;
}
#cf_ram_my_account_overview_total_sales_block svg g path:nth-last-child(2),#cf_ram_my_account_overview_total_sales_block svg g path:nth-last-child(1),#cf_ram_my_account_overview_total_rewards_block svg path:nth-last-child(1),#cf_ram_my_account_overview_total_rewards_block svg path:nth-last-child(2),#cf_ram_my_account_overview_total_rewards_block svg path:nth-last-child(3) {
  fill: #F06133 !important;
}

```

<figure><img src="/files/EUWQgoNfoDFaKduLEHzZ" alt=""><figcaption><p>Referral Dashboard </p></figcaption></figure>