How can I alter the cart color on my own?

Store Design

Topic summary

A user seeks to independently change the cart button color on their Shopify store, having previously relied on a developer for such modifications.

Initial Solutions Provided:

  • PageFly support staff offered CSS code to be added to the theme’s base.css file
  • The code targets div#CartDrawer .issax__pi-button:after with a background color property
  • Initial suggestion used the color name ‘red’ as an example

User’s Follow-up Request:

  • Wants to use a specific hex color code instead of color names like ‘red’ or ‘light blue’
  • Attempted to replace color names with hex values but encountered issues

Latest Development:

  • PageFly provided updated code using linear-gradient syntax
  • User reports confusion about implementation and states the gradient code didn’t work after attempting to input their desired hex code

Current Status: The issue remains unresolved as the user struggles with properly formatting the hex color code within the provided CSS snippet.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

How do I change the color here? I asked a coder to do this for me before but I’d rather just do it myself this time…

Screenshot (1345).jpg
Screenshot (1345).jpg888×779 30.7 KB

2

Hi @alex771 ,

If the coder has already made the changes, he must have added the code the the theme files. Can you please provide me the access to the site. I will review the site and provide you the code accordingly. You will be able to update the color via code as per your requirement.

3

Hi @alex771

This is Henry from PageFly - Landing Page Builder App

I can’t find any buttons on your page.

PageFlyHenry_0-1702020866994.png
PageFlyHenry_0-1702020866994.png1365×609 264 KB

Can you send me the page URL so I can check the issue more carefully?

Best regards,

Henry | PageFly

4

Hi @alex771

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

div#CartDrawer .issax__pi-button:after {

background: red !important

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

1 Like
5

Thank you very much but is it possible to choose using a hex code? I replaced ‘red’ with ‘light blue’ which is close enough but I want to get the exact color I want and I’m not sure of the name

1 Like
6

div#CartDrawer .issax__pi-button:after {

background: linear-gradient(to right, red, blue) !important;

}

You can try again with this code.

7

I’m sorry it’s not clear what you mean. I deleted the first code you gave me and added the second one. I then deleted what was inside the brackets/parentheses and input the desired hex code. But this didn’t work…