This topic is: not resolved
-
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