Checkout Credit Card Text Color

Bris
Visitor
1 0 0

I currently have my checkout main content area background set to black with form fields set to transparent:

Screen Shot 2021-06-26 at 12.37.09 PM.png

I can't seem to figure out how to get the text in the form input fields to be white. 

Screen Shot 2021-06-26 at 12.38.00 PM.png

 The text in the input fields is currently showing up black. 

On further inspection I see that these fields are loaded via iframe and have a separate CSS file loaded https://checkout.shopifycs.com/build/inputs-72e93ef96f.css

Can someone provide some guidance on where i would go to set the text color for the input fields to white (#FFFFFF).

I am using the default Debut theme. 

Replies 2 (2)

Avex
Shopify Partner
12 0 11

I have the same issue on a custom theme. Have flagged with support, will respond back with what they say.

Avex
Shopify Partner
12 0 11

If you have Plus, you can add the following to checkout.liquid, with #FFFFFF being the color you want:

<script>
  CheckoutCardFields.API.options = {
    styles: {
      'color': '#FFFFFF'
    },
  }
</script>


they don't have a solution yet for the root problem/non-Plus.