How Do I Change the CSS Button in WordPress?

If you’re looking to change the CSS for WordPress’s default buttons, you’re in luck. The buttons are located in the WordPress admin panel under Appearance -> Menus -> Buttons. To change the CSS for the button on the home page, for example, go to.wp-button-primary,.wp-button-secondary,.wp-button-success,.wp-button-info,.wp-button-warning,.wp-button-danger

and change the class to.wp-button-primary-active,.wp-button-secondary-active,.wp-button-success-active,.wp-button-info-active,.wp-button-warning-active,.wp-button-danger-active

You can also add a custom CSS for each button if you’d like. For example, to make the “Cancel” button look different from the other buttons, you could add the following CSS to your .wp-button-cancel file:.wp-button-cancel {

background-color: #fbfbfb;

border: 1px solid #cccccc;

font-weight: bold;

}.