Change the button hover color
I have previously sent the login info for this site if you need it. I'm using the Betheme default theme.
I am trying to change the overall button HOVER color to a lighter red #bc0a0f from the button color #A20000
Somewhere in this code I have a conflict or I'm writing the wrong Custom CSS.
The Gravity Forms buttons are working fine with the code below.
So too the Pricing Box buttons (changed to background gray color with red hover and white text and icon color)
When I try to change the a.button hover color generally it makes the pricing button white icon and the top menu action button white text disappear. Or, it changes a button color but not the action button. Grrrrrhh...help!
/* GRAVITY FORMS */
/* FOOTER Gravity Forms WIDGET FOOTER submit button change the hover color */
body .gform_wrapper .gform_footer input[type=submit]:hover { background-color: #bc0a0f; }
/* PRICING BOX */
/* Pricing Box plain change BUTTON COLORS to gray with white icon */
.pricing-box-box a.button { background-color: #313137; color: white !important; }
.pricing-box-box a.button .button_icon { background-color: #313137; color: white !important; }
/* Pricing Box plain and featured change HOVER BUTTON COLORS */
.pricing-box-box a.button:hover { background-color: #bc0a0f !important; color: #ffffff !important; }
.pricing-box-box a.button:hover .button_icon {background-color: #bc0a0f !important; color: #ffffff !important; }
My Betheme Options Colors:
ACTION BAR
Action button background:
#a20000
color: white
CONTENT
theme | color : #a20000
Button:
background: #A20000
color: white
Button theme | color: white
FOOTER
theme color: #bc0a0f (brighter red for darker bckgd)
SHORTCODES
almost all set to #A2000 except
contact box| background: white
pricing box color: white
Comments
As can I see, other red buttons are changing from dark red to ligher red fine.