Changing Buy Now buttons

You can change the Buy Now buttons in your Ecwid store. These buttons are displayed on category pages.

You can enable these buttons for your store in your Ecwid Control Panel→ Design: Enable Buy Now buttons
If you need unique custom design for your store or need multiple style changes, our experts can help. Please fill in this form: Custom design for Ecwid store. We will be glad to help you designing your Ecwid store.

Customizing the look of Buy Now buttons

The Buy Now buttons show on the catalog page in your store:

Buy Now buttons in your store

Below is CSS code for changing the color of the buttons. Feel free to change "red" to any color you wish.

/*Button background color*/
.ec-size .ec-store .grid-product__buy-now .form-control__button {
background: red;
/*Text color*/
.ec-size .ec-store .grid-product__buy-now .form-control__button {
color: white;

Customizing the text on Buy Now buttons

You can use the general approach for changing or translating texts in Ecwid, the Storefront Label Editor App. It allows to change storefront labels right in your Ecwid Control Panel. See the detailed instruction on how to change the text.

Related articles

Adding CSS codes to your store
Professional services from Ecwid
Themes for sitebuilders

Was this article helpful?

Awesome! Thanks for your feedback!

Sorry about that! We are here to assist you by email or chat.

Contact support