Referrals and Affiliates app for Shopify - Knowledgebase
Back to ShopjarInstall the app
  • Getting Started with Shopjar
    • Install Shopjar
    • Enable Extension in Theme
  • Referral Program
    • Creating a Referral Program
    • Edit/Update Program
    • CONFIGURE A REFERRAL PROGRAM
      • Customize Rewards
    • BRANDING AND POPUPS
      • Reward Claim Pop-up
      • Referral Landing Page
      • Thank you page widget with extension.
      • Referral Widget
    • EMAIL AUTOMATION FOR REFERRAL
      • Email Customization
    • TRACKING REFERRALS
      • Sales
      • Referrer Rewards
      • Friend Rewards
      • Referral Invites
      • Discount Report
    • SETTINGS
      • Social Shareable option
      • Available Shortcodes
      • Reward Approval
      • Who can become a member of the Referral Program
      • Referral link destination
  • AFFILIATE PROGRAM
    • Creating an Affiliate Program
    • Edit/Update Affiliate Program
    • CONFIGURE AN AFFILIATE PROGRAM
      • Customise Commission
    • AFFILIATE SIGN-UP FORM
    • EMAIL AUTOMATION FOR AFFILIATE PROGRAM
      • Email Customization
    • TRACKING AFFILIATES
      • Sales
      • Commission Earnings
      • Payout to Affiliates
      • Payment Methods
    • SETTINGS
      • Social Share Options
      • Available Shortcodes
      • Reward Approval
      • Converting Affiliate Commission to Coupons
      • Embedded Pages
      • Revoke Commission
      • Affiliate link destination
    • REFERRAL & AFFILIATE SETTINGS
      • Manage Programs
      • Translations
      • Referrer / Affiliate Dashboard
      • Cookie Validity
      • Allow Guest Login via Email OTP
      • Calculate Reward or Commission from
  • INTEGRATION
    • Klaviyo Integration
  • FAQ
    • How the Shopjar referral program works:
    • How to add a logo to the email template
    • How to change the color of the SVG Element in MY account Page
    • How do I change the name of the referral landing page in my store?
    • How to import customers in the member's section
    • How the Affiliate Program in Shopjar works
    • How to bind the coupon code to the affiliate in the member's section
    • How to connect the Customized coupon code to the affiliate?
    • How to Change the "From" Email Address in Shopjar
    • Can customers use multiple coupon codes in a single purchase?
    • How to delete members in my Shopjar app
    • How to Approve Store Access for Shopjar
Powered by GitBook
On this page

Was this helpful?

  1. FAQ

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

Adding Custom CSS Code

PreviousHow to add a logo to the email templateNextHow do I change the name of the referral landing page in my store?

Last updated 9 months ago

Was this helpful?

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;
}
Referrer / Affiliate Dashboard
Paste the Custom CSS
Referral Dashboard