Hi-
I notice that “out of the box” the input tags are styled with a background of transparent? Perhaps I’m missing where to style these. I see this in main.css here (line 14964 in my copy) :
input[type=”submit”], button[type=”submit”], .woocommerce button[type=”submit”], .woocommerce input.button, .woocommerce a.button, .woocommerce-cart table.cart input.button, .wpcf7 input.wpcf7-submit[type=”submit”], .gform_wrapper input[type=”submit”], .mymail-form input[type=”submit”], .woocommerce #respond input#submit {
display: inline-block;
font-size: 14px;
line-height: 28px;
height: auto;
padding: 12px 22px;
margin: 0 10px 20px 0;
font-weight: bold;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
background: transparent;
border: 0;
position: relative;
overflow: hidden;
outline: none;
text-shadow: none;
text-decoration: none;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
vertical-align: middle;
max-width: 100%;
border-radius: 2px;
}
I’m a bit unclear on this. Using Gravity Forms, it renders the submit button invisible. Turning off the background:transparent property and value in Chrome dev tools makes the button look fine with the accent color as the background and a shade off that for hover.
Any tips on getting rid of the invisible input tag?
Screenshot and access info given.
THANKS,
-ALex
Attachments:
You must be
logged in to view attached files.
.