Solved

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

jshi23
Tourist
4 1 0

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

Screenshot 2024-02-22 at 9.50.41 AM.png

Screenshot 2024-02-22 at 9.51.02 AM.png

Screenshot 2024-02-21 at 5.21.50 PM.png



AL
Accepted Solutions (2)
Dan-From-Ryviu
Shopify Partner
7532 1454 1450

This is an 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;
}

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

jshi23
Tourist
4 1 0

This is an 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.

AL

View solution in original post

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
7532 1454 1450

Hi @jshi23 

could you share your store URL to check?

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

jshi23
Tourist
4 1 0

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. 🙂

AL
Dan-From-Ryviu
Shopify Partner
7532 1454 1450

This is an 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;
}

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

jshi23
Tourist
4 1 0

This is an 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.

AL
jshi23
Tourist
4 1 0

You have ln address?

AL