change font color in checkout form?

  • Resolved ademb

    (@ademb)


    11 months, 1 week ago

    Hi, I’m using block editor and was able to change the font in the checkout form with

    :root:root {sc-font-sans: dosis
    }

    I’d also like to change the font color. Could you tell me how to do that? Thanks!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support Ivan C.

    (@ivanbsf)

    Hello @ademb

    To further customize different parts of the checkout form, you can refer to the Input Component Codex for detailed information on CSS parts available for styling. Here are a few examples to get you started:

    1. To change the background color of the input fields:
       sc-customer-name {
       --sc-input-background-color: #f2f2f2;
   }
    1. To adjust the border color of the input fields:
       sc-customer-name {
       --sc-input-border-color: blue;
   }
    1. To modify the font size of the input labels:
       sc-customer-name {
       --sc-input-label-font-size: 16px;
   }

    For more details on available styles, check out the Input Component Codex. This guide will provide you with comprehensive information about the various CSS parts that can be used for styling your checkout form to better match your site’s aesthetics.

    This documentation also can be helpful – https://developer.surecart.com/docs/styling-ui

    If you encounter any issues, please don’t hesitate to open a support ticket on the SureCart website, and we will assist you right away!

Viewing 1 replies (of 1 total)
  • The topic ‘change font color in checkout form?’ is closed to new replies.