Skip to main content
Solved

Button's text is showing black on website, when it should be white

  • May 23, 2024
  • 2 replies
  • 101 views

Forum|alt.badge.img+1

Creating a sign-up form and I’m trying to have the button be black with white text. On the editor it looks fine, but when I view live on my website it’s black text. Don’t know how to fix this. 

in editor
live on site - can’t see the “Continue” in button

 

Best answer by bluesnapper

Hi @Airri 

As @eCom2Win_Marketing suggests, there is a conflict on your Shopify CSS in the assets/base.css (see below). It has an !important declaration which is overriding Klaviyo’s style.

Regards

Andy

 

Website CSS
with that CSS statement removed

 

2 replies

eCom2Win_Agency
Expert Problem Solver II
Forum|alt.badge.img+16

There might be a conflict with your website's CSS. It could also potentially be a bug.

Firstly, I would recommend clearing your browser cache to ensure you're viewing the most recent version of your site.

You can also reference these two Klaviyo articles that might provide further assistance with the issue:

  1. Getting started with sign up forms.
  2. Trouble Shoot Sign Up Forms.

Alternatively, I would reach out to Klaviyo support to see if they can assist from their end.

Hope this helps :)


bluesnapper
Partner
Forum|alt.badge.img+45
  • Champion & Partner
  • 784 replies
  • Answer
  • May 23, 2024

Hi @Airri 

As @eCom2Win_Marketing suggests, there is a conflict on your Shopify CSS in the assets/base.css (see below). It has an !important declaration which is overriding Klaviyo’s style.

Regards

Andy

 

Website CSS
with that CSS statement removed