Checkout button text and outline not visible

On 12/19/2021 at 3:10 AM, mlayyye_melb said:

My Checkout button text AND outline are not showing up. Squarespace has acknowledged that the styling issue is on their end

I'm not sure why you've been told this is a styling issue on Squarespace's end, as I'm not seeing this issue on other Squarespace 7.1 sites. The colour is currently set to transparent and you should be able to change this in Design > Site Styles > Colors. By selecting the colour scheme you are using like this:

However, if this isn't working for you..

1. Go to Design > Custom CSS.

2. Add the following:

body .checkout button.KD_Juh_j6 {
  background: #000!important;
}
body .checkout button.KD_Juh_j6:hover {
  opacity: 0.7!important;
  background: #000!important;
  color: #fff!important;
}

3. Click Save.

4. Click the Refresh button in your browser.

Notes:
This is a workaround. It's better to use the Site Styles panel.
This workaround is likely to change without notice.
The CSS sets the button style to black (#000).

  If this post has helped you, please click a 'Like' or 'Thanks' icon below  ⬇️