Skip to main content
All CollectionsWidgetsCommon Widget Issues
How to Change the Color of the Buy it Now Button in the Debutify Theme?
How to Change the Color of the Buy it Now Button in the Debutify Theme?

A guide on how to change the color of the Buy it Now Button in the Debutify Shopify theme.

Micah Quinto avatar
Written by Micah Quinto
Updated over 10 months ago

Changing the ‘Buy Now’ button color can improve the call to action (CTA) of your website. Colors have a psychological effect on shoppers. The majority of research studies presented that red button colors have escalated conversions compared with green button. Red may be a dominant color but it may not apply to all websites. Selecting a good CTA button would make a difference on your website.

Tip:


How to Change the Color of the Buy It Now Button

STEP 1

In Shopify Admin, select Online Store then Themes.

STEP 2

Select your Debutify Shopify theme and click on Customize.

STEP 3

Go to Theme Settings.

STEP 4

Go to custom style/script.

STEP 5

Go to custom style, paste the following CSS, and click Save.

.shopify-payment-button__button{
background-color:green!important;
border-color:green!important;
color:white!important;
}

Did this answer your question?