How can I change the PayPal icon color on my website?

Store Design

Topic summary

A user seeks to change the PayPal icon color to white on their website, either through custom code or by replacing it with a different image. They’re using a specific theme and have provided example URLs showing the current implementation.

Proposed Solution:
Another participant suggests adding CSS code to the theme’s theme.scss file that targets the PayPal SVG icon and forces its fill color to white using !important. An alternative snippet is offered to change all dynamic checkout icons to white.

Current Status:
A third user reports the proposed CSS solution did not work on the Focal theme—the PayPal button remains gold regardless of the code applied. The issue remains unresolved, with no working solution confirmed yet.

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

Hi

Pls can someone provide a solution to changing the PayPal icon to white by code or replacing it with a different image attached example below: (to see the PayPal button u need to view on google chrome)

Theme: warehouse

URL:www.garagegrowngear.com

current result:

chrisjames11_2-1659313620081.png
chrisjames11_2-1659313620081.png400×160 10.1 KB

2

The following code should work for you if you only want the PayPal icon to be white. Add it to the bottom of Assets > theme.scss in your theme code editor.

#shopify-svg__payments-paypal path {
    fill: white !important;
}

If you want all dynamic checkout icons to be white, use the following:

.shopify-cleanslate path {
    fill: white !important;
}
3

Tried this but did not work. The theme is Focal and the dynamic button stays gold for Paypal no matter what