Controlling Continue and Complete Order Button Colors

[IndustrialOdorControl]

I am using the optic theme and am trying to figure out where the color of the "Continue" and "Complete Order" buttons would be on the checkout screens? Can anyone point me in the right direction?

Thanks in advance.

[Bruce - PhosphorMedia]

You could add
.bg-teal {
background-color: #your-color-hex-here}

To a style sheet listed after the readytheme style sheet...

[Brennan]

The buttons styles are defined in /css/buttons.css

[kayakbabe]

I want my buttons in most places to be the theme color, however I want the buttons in the checkout to be green. How do I change them only in the checkout and not storewide?

[Matt Zimmermann]

You can replace the bg-teal class with bg-green for the button elements. That will change the colors there only.

[kayakbabe]

Thanks Matt,

I found it in the admin User Interface Settings, you can edit the code for the continue button

<input type="submit" value="Continue" class="button button-large-font uppercase button-square bg-blue" />

I changed bg-blue to bg-green

<input type="submit" value="Continue" class="button button-large-font uppercase button-square bg-green" />

There are already a ton of values in the css files for many colors. I looked in the cs files and found bg-blue
and saw a lot of other options. I didn't have to create a new css definition, I just changed the one I was using.