'Add To Cart Button' Text Color Wont Change in Effortless Theme

[jshi23]

Dear Shopify-Community,

I purchased the effortless theme and so far I am getting along setting up my shop.

However, in my featured product section, I am unable to change the text color of the 'add to cart' button. I have tried all colors in the theme settings. I tried editing the code to change the text color, nothing has worked thus far.

Please find visuals and code that i tried adding to change it below:

Code snippet i tried adding: .product-form .primary_btn.add-to-cart-btn { color: #000000 !important; }
I am unable to see if Javascript is changing the color once the page is loaded. 

I checked the coude in the developer view of my browser and tried to solve the issue. After several hours I reach my and ChatGPTs limits. 

It would be great if you can support finding out how i can make the change from white text color to black text color. 
Thank you very much.
Alexej

 

 

[Dan-From-Ryviu · Accepted solution]

Plesae add this code at the bottom of your base.css file in Online Store > Themes > Edit code 

.form__btns .button.add-to-cart-btn {
color: #000 !important;
}

[Dan-From-Ryviu]

Hi @jshi23 

could you share your store URL to check?

[jshi23]

Hello Dan,
thanks so much for the quick reply. 
Store is pw protected atm, as i just started merging from Woo to Shopify.
pw: plebstogetherstrong
url: https://amongstplebs.com/

The section where I cant change only applies to the featured product section. Thanks for having a quick look. 🙂

[Dan-From-Ryviu · Accepted solution]

Plesae add this code at the bottom of your base.css file in Online Store > Themes > Edit code 

.form__btns .button.add-to-cart-btn {
color: #000 !important;
}

[jshi23 · Accepted solution]

Perfect. I was missing the .form__btns - hence my code snippet was not precise enough. 
Amazing! Thanks so muhc for your quick help on this.

[jshi23]

You have ln address?