I’m using Bootstrap CSS and I want my site to consistently use the same button design (class="btn btn-primary"). 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?
>Solution :
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..