Hi there,
I have two questions, quite related to each other:
1. Our default theme button color is orange, but I can’t find how to change this. I tried with CSS (see below), but then also the colors of buttons with ‘Dark transparent’ and ‘Light transparent’ colors get this background color. How can this be changed in a right way?
.avia-button {
background-color:gold!important;
}
2. We use Gravity Forms for our registration form. In this registration form there’s a coupon field as well with an ‘Apply’ button. This button has the default button background color, but I would like to change the color of this specific button. How can this be done?
Thanks in advance!
Hey Eric,
Sorry for the late reply, to change the background color of your coupon field button,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
input#gf_coupon_button.button {
background-color: #2634ee !important;
}
For your first question, there are a lot of different classes for the buttons such as avia-button, big_button, button, buttons, avia_cart_buttons, etc
While you can change the default colors in the Advanced Styling for buttons, the theme also assumes that you want the transparent buttons to also be included. So the best option is to set your default color and then override the transparent buttons with css so they are a different color. You may find some good tips in our button documentation If you want some help overriding certain buttons, just let us know.
Best regards,
Mike