I'm using Bootstrap CSS and I want my site to consistently use the same button design (). But there's a plugin I'm using that has its own class for buttons ("ethpress-metamask-login-button").

So, how could I make ethpress-metamask-login-button class to follow btn btn-primary properties other than copying each property over to ethpress-metamask-login-button declaration block?

CodePudding user response：

If you define your own styling for .btn.btn-primary, you could just extend the selector like this:

.btn.btn-primary, .ethpress-metamask-login-button {....}

If you are using SCSS/SASS you can use the @extend function

Or simply unset properties that are set by default for ethpress-metamask-login-button and add a class btn btn-primary to the HTML tag..