Shopify themes, liquid, logos, and UX
Hi all,
where can I change für Button "Add to Cart" the hover text color to #19100c
and remove the black border (but only for add to cart button), and ONLY when I make hover, the borders dissapear (don't know if this is possible).
Same for READ MORE Button, that when I hover the borde dissapears...
Solved! Go to the solution
This is an accepted solution.
Hi @chumani
Please use this code
.product-single__meta .btn--secondary-accent:not([disabled]):hover, .product-single__meta .btn--secondary-accent:focus {
color: #19100c !important;
border: unset !important;
}
- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hello @chumani
Please provide your store URL, so I can review it and provide a solution.
This is an accepted solution.
Hi @chumani
Please use this code
.product-single__meta .btn--secondary-accent:not([disabled]):hover, .product-single__meta .btn--secondary-accent:focus {
color: #19100c !important;
border: unset !important;
}
- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
You are very welcome, @chumani
- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hello @chumani
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.
button.btn.product-form__cart-submit.btn--secondary-accent:hover {
color: #19100c !important;
}
button.btn.product-form__cart-submit.btn--secondary-accent {
border: none;
}
Hi @chumani
This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Theme.css
.product-single__meta .btn--secondary-accent:not([disabled]):hover, .product-single__meta .btn--secondary-accent:focus {
color: #19100c !important;
border: unset !important;
}
Hope you find my answer helpful!
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024