Styling of input boxes on form are very tiny – CSS help
-
The styling of input boxes on this form are very tiny on my live page. I am not sure what part of the CSS styling needs to be modified to make those taller/longer. Any help would be appreciated! TY ??
The page I need help with: [log in to see the link]
Viewing 3 replies - 1 through 3 (of 3 total)
-
It’s a good start, but it hasn’t been tested on mobile, and may not be perfect for what you’re wanting.
.ctct-form-wrapper input {
width: 50%;
border-radius: 0;
height: 25px
}
.ctct-form-wrapper textarea {
height: 200px;
width: 50%;
border-radius: 0;
}
.ctct-form-wrapper .ctct-textarea-warning-label {
display: block;
}
.ctct-form-wrapper input[type=submit] {
background-color: var(--wp--preset--color--custom-color-4) !important;
color: var(--wp--preset--color--white) !important;
padding: 16px 40px;
border-radius: 9999px;
height: 60px;
border: none;
}
Admittedly it looks like the theme hasn’t been styled for some general form inputs in mind. It may have some specific for modules or popular form plugins, but our plugin is very dependent on inheriting where it can from the theme it’s being used with.
Viewing 3 replies - 1 through 3 (of 3 total)
- You must be logged in to reply to this topic.
