Combine > How to Customize Button Colors

The button background colors in our theme are designed to have the same color with the "Text" color set in the general Theme settings, as shown in this screenshot: link.


We don’t offer separate color settings for each element to maintain a streamlined design and simplify the setup process. Most of theme users are busy store owners who prefer a quick and hassle-free setup without having to navigate through countless options.


However, our theme does provide the option to customize the color of the Add to Cart button on the product page. You can adjust this in the settings under the Buy buttons block here: screenshot.


If you want to manually change the color of all the buttons in the theme, here is a CSS code that you can use in the Theme settings > Custom CSS area - https://share.zight.com/9ZuJQR0E:

.button {
  background: yellow !important;
  color: black !important;
  border-color: black !important;
}

Once added, the code will apply to the entire site. Please replace the colors in the code according to your preferences.


If you prefer to style buttons individually by section, you just need to insert the above code into the Custom CSS area of the specific section like in this example: https://share.zight.com/E0uOjK9R.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.