Broadcast Theme| Multiple add to cart button colors.

Store Design
, ,

Topic summary

A user is attempting to customize the “Add to Cart” button colors on a specific page within the Broadcast Shopify theme. They’ve successfully changed the default button color and transition effect, but the hover state still displays the original theme color instead of the desired custom color.

The provided CSS code (which appears reversed/encoded) targets button background, border, and text colors for both default and hover states. However, the hover styling isn’t overriding the theme’s default hover color as intended.

The issue remains unresolved, with the user seeking guidance on how to properly apply custom hover colors that persist when users interact with the button.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

Im trying to add multiple add to cart button colors to my broadcast theme, specifically a different one for a new page. Ive had a little success with getting the color to switch, as well as the transition sliding color, but when you hover over it, it still shows the the default color.

If anyone has any idea how to fix this i would appreciate it thank you.

heres the code which works to change it other than when you hover over it:
#AddToCart–template–23441719656723__main.btn–primary { background-color: #ff5733; /* Change this to your desired color / border-color: #ff5733; / Change the border color to match / color: #ffffff; / Change this to your desired text color / } #AddToCart–template–23441719656723__main.btn–primary:hover { background-color: #e74c3c; / Change the hover color / border-color: #e74c3c; / Change the hover border color */ }