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

Solved

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

StanwellsKIds
Excursionist
15 0 2

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.

Screenshot 2025-01-16 133141.jpg

Stanwells Kids
Accepted Solution (1)

websensepro
Shopify Partner
1854 215 261

This is an accepted solution.

@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:

websensepro_0-1737015976782.png

 

 

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! 

websensepro_1-1737015976522.png

 

 (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!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

View solution in original post

Replies 4 (4)

topnewyork
Astronaut
1130 151 189

Hello, @StanwellsKIds 
Please share "Store URL"
Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month
StanwellsKIds
Excursionist
15 0 2

https://stanwellskids.in/

Stanwells Kids

websensepro
Shopify Partner
1854 215 261

This is an accepted solution.

@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:

websensepro_0-1737015976782.png

 

 

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! 

websensepro_1-1737015976522.png

 

 (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!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
StanwellsKIds
Excursionist
15 0 2

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

Stanwells Kids