# 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="https://2355701265-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqBPcpO5gfPUmUbHuqBK%2Fuploads%2FPuDMj8w72CpmAJkwVJjq%2Ffaq1.png?alt=media&#x26;token=7bf63c4d-7817-4b8c-b8d8-6095b95330fd" alt=""><figcaption><p>Referrer / Affiliate Dashboard </p></figcaption></figure>

<figure><img src="https://2355701265-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqBPcpO5gfPUmUbHuqBK%2Fuploads%2FlalWe0t0L1bfHnkgZroT%2Fpaste.png?alt=media&#x26;token=5b478d9d-8c60-4ffb-88d2-52da77ef0c70" 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="https://2355701265-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlqBPcpO5gfPUmUbHuqBK%2Fuploads%2Ffc8nFAHRIhSLgEuXWMFu%2Fimage.png?alt=media&#x26;token=1752f290-aa3f-4d42-a1c1-00c42d1e56c2" alt=""><figcaption><p>Referral Dashboard </p></figcaption></figure>