Shopify themes, liquid, logos, and UX
I had an issue earlier with text on my site and had some rules added but now they're overriding other apps...
I have Klaviyo buttons that should have white text but it has black. Can someone help me fix this? Also, is there someway to stop this from happening in the future? I would like to add future buttons and artifacts without this issue present.
One of the cases:
This is what it looks like in the editor: black button white text.
On my site: black button black text.
airrishop.myshopify.com
no pw
Solved! Go to the solution
This is an accepted solution.
Hi @Airri
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file -> Save
.klaviyo-form [data-testid="form-component"] button {
color: white !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
This is an accepted solution.
Hi @Airri
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file -> Save
.klaviyo-form [data-testid="form-component"] button {
color: white !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Worked! Thanks!
@Airri Please follow below steps to change button text color from "Black" to "White". Let me know whether it is helpful for you.
.klaviyo-form button.needsclick{
color: #FFFFFF !important;
}
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025