Overriding Button Color to match HTML setting rather than liquid primary set in Narrative Theme

4 0 3

Hey community,

I have a question concerning changing the text color of my HTML-generated buttons within the theme liquid. We are using the Narrative Theme. The button I have is on our Instructions Guide page right now. 

We want to have the button being:
#1EB3AC (Button Color)
#ffffff (Text color)

The issue we have is that the theme has set the primary color to fill in the text of our button within the liquid, so we cannot override it through normal HTML and CSS. We don't have much experience in Liquid, so we are not sure how to fix this override. We would like to keep everything else on our site the same, including leaving our Primary color the way it is.

Below is the HTML and CSS we set for the button, along with how the button appears in the page editor vs. how it shows on the actual website.

HTML codeHTML codeIn Page EditorIn Page EditorOn Live WebsiteOn Live Website

Can someone help find how we can change that? 

Thanks in advance!

1 Like
1083 178 213


Thank you for your question. 

Please share your store URL, page URL and also password (if your store has one), I'll help you out to the best of my ability.

Kind regards,

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
4 0 3

Hey Diego. Thanks for responding. I just sent you an email. Let me know if your received it.

Shopify Partner
7598 1047 2632

Hello, @Jeff-claytubes 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing