Change button and button hover css

[happster]

Hi Dear,

I’m trying to change and simplify all buttons to as follows:

a.my-button,
 input[type="submit"],
 my-button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid black;
    cursor: pointer;
    display: inline-block;
    font: 400 15px "my custom font",Helvetica,Arial,sans-serif;
    letter-spacing: 4px;
    padding: 12px 40px;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
}

a.my-button:hover,
input[type="submit"]:hover,
my-button:hover
 {
    background: black none repeat scroll 0 0;
    border-color: black;
    color: white;
}

I want that this code would be applicable to ALL buttons on the theme (such as read more link, add to cart, mail chimp subscribe and others.)

If I use above code it works perfectly for custom buttons via page builder.

But I want to change ALL buttons through out whole website/theme, and I can’t figure it out which css classes to change.
Can you please help? Thanks in advance

Add New Note to this Reply