What is the class I would have to modify to change the color of a button?

[sigv]

I am using a template where the button color choices really do not match the button colors for our branding.  What is the name of the class I would have to change for the button color?

Much thanks in advance!

-Sig

[Queso]

Hello Sig! While we can't advise you on the coding details from here, you may want to consider working in Theme options if you aren't familiar with the process already, as it can save a few headaches.

If you'd prefer to code it though, go for it! Just remember to save often!

[iantresman · Accepted solution]

You can discover the class name of a button, by using your Browser's Development tools to "inspect" the underlying code.

• In Firefox, select Tools | Web development, then select "Inspector".
• In Chrome, fomr the dotted menu, select More Tools | Developer tools, then click the selector icon.

Click the links above for more information. I'm not sure about MS Internet Explorer / Edge, nor on the Mac.

[sigv]

That was it.  For those looking in the future this was the code I changed:

.wsite-button,

.wsite-editor .wsite-button {

    background: #84BD00 ;

    color: #fff !important;

          border-radius: 0.188em;

    display: inline-block;

    font-size: 1em !important;

    padding: 0;

}

[iantresman]

It is worth pointing out that the CSS would differ, depending on the theme that has been chosen.