Skip to main content
Solved

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


Forum|alt.badge.img

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

 

View original
Did this topic or the replies in the thread help you find an answer to your question?

2 replies

eCom2Win_Agency
Problem Solver IV
Forum|alt.badge.img+7

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
  • 734 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