Change all button colors and the shading

The default color is a purple and I would like to change the default so all the buttons are a different color and the shading matches that new color.

I have read many support answers about CSS for specific buttons but is there a way to just change the default color for all buttons?

Hello there,

Try this CSS code:

    .button-wrapper .button:not(.white-btn) {
      background-color: #3b98dc;
    }  

    .button-wrapper .button:not(.white-btn):hover {
      -webkit-box-shadow: 0px 0px 40px 0px rgba(59,152,220,0.54);
      -moz-box-shadow: 0px 0px 40px 0px rgba(59,152,220,0.54);
      box-shadow: 0px 0px 40px 0px rgba(59,152,220,0.54);
    }

Add it to Appearance > Customize > Additional CSS from dashboard.

Regards,
Kharis

This was exactly what I needed! Thank you so very much!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

1 Like