Impulse Theme Update: Help with 'Buy It Now' Button Color Change

Topic summary

A user needed to change the ‘Buy It Now’ button color on their product page after updating to Impulse theme version 7.5.2. They had already successfully modified the ‘Add to Cart’ button color using custom code.

Solution provided:

  • Navigate to Online Store → Theme → Edit code
  • Open theme.css or base.css file
  • Add CSS targeting the Shopify payment button class with desired background color and !important flag

Outcome:
The issue was successfully resolved. The user confirmed the solution worked and shared a screenshot showing the updated button color.

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

Hello Team,
I need some help. I’m using the Impulse 7.5.2 theme, which I recently updated, and I want to change the color of the “Buy It Now” button on the product page. Can anyone assist me? I have already changed the “Add to Cart” button color by adding code to the theme file.

Hi @StanwellsKIds , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

@StanwellsKIds

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.shopify-payment-button button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    background: #8A2BE2 !important;
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! :rocket: (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

The above-mentioned issues have been resolved. Thank you, team!