Hi,
How can I change the color and hover color of the sale button on the main page
Not sure what color to change to but if I can get help with the code and decide on color later.
P/W: Password
Thanks
*Hi @SaucyPeach *
Thanks for reaching out to the Shopify Community! We’re MooseDesk, your go-to Live Chat, WhatsApp and FAQ App here to help you enhance your customer support experience 
To implement this change:
- Go to your Shopify admin panel.
- Navigate to Online Store > Themes.
- Click on “Actions” for your current theme, then select “Edit code”.
- In the left sidebar, look for a file named “theme.css” or “custom-styles.css”. If you can’t find it, you may need to create a new CSS file.
- Paste the CSS code into this file.
/* Change the default color of the sale button */
.sale-button { background-color: #FF0000; /* Replace with your desired color / color: #FFFFFF; / Text color */ }
/* Change the hover color of the sale button */
.sale-button:hover { background-color: #CC0000; /* Replace with your desired hover color */ }
- Replace #FF0000 and #CC0000 with your desired colors for the button and hover state respectively.
- Save the changes.
Note: The class .sale-button in this example may not match the actual class used in your theme. You might need to inspect the button element using your browser’s developer tools to find the correct class name.
If you can’t find the correct class or if these changes don’t work, you may need to provide more details about your specific theme or share the relevant HTML code for the button.
Moreover, if you are looking for customer support app, I suggest exploring MooseDesk , a FREE LiveChat, WhatApps, FAQ that can help your support experience easier, better, faster!
-
With MooseDesk’s Omnichannel Support, you can engage with customers through live chat, manage inquiries with a robust ticket system, and provide quick responses via a WhatsApp button.
-
Or you can reply to customer through Live chat or let customers resolve questions faster with in-built FAQ, Order tracking module, and more.
So this is my answer for your question . If this is helpful for you, please let me know by giving me a ‘LIKE’. If your question is answered please mark this as 'SOLUTION’. Wishing you all the best in the future
Hi,
You can change color code from below css then add these code to your store customizer Custom CS field
#shopify-section-template--15782597886018__countdown_pC7fPb a.btn {
background: #656E77;
color: #DDDBDE;
}
#shopify-section-template--15782597886018__countdown_pC7fPb a.btn:hover {
background: #DDDBDE;
color: #656E77;
}
Thanks