Back to Shopjar Install the app

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

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;
}
PreviousHow to add a logo to the email templateNextHow do I change the name of the referral landing page in my store?

Last updated