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

Adding Custom CSS Code

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

Referrer / Affiliate Dashboard
Paste the Custom CSS

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

Last updated

Was this helpful?