Plugin Contributor
Tracy Levesque
(@liljimmi)
🏳️🌈 YIKES, Inc. Co-Owner
Hi @uweh
Can you please send us a link to one of your forms so we can take a look?
Thank you.
-Tracy
Thread Starter
uweh
(@uweh)
Hi Tracy,
sure, these are the links to 2 semi final pages as I need to fix the issue with the forms:
https://einfach-produktiver.com/blog-semi-final/
I used your your additional class field-left-half for this one. Goal is to reduce the area hight on that one. (I know the first line does not line up with the other, but not sure where this is coming from and how to solve it)
one other example:
https://einfach-produktiver.com/blog-einstieg-semi-final/
to much space between the form fields
(on that I will reduce the width of the form with CSS)
Thank you for your help.
best,
Uwe
Hi @uweh,
I’m seeing the following block of css in your site’s stylesheet:
#top .input-text,
#top input[type="text"],
#top input[type="input"],
#top input[type="password"],
#top input[type="email"],
#top input[type="number"],
#top input[type="url"],
#top input[type="tel"],
#top input[type="search"],
#top textarea,
#top select {
-webkit-appearance:none;
border:1px solid #e1e1e1;
padding:8px 6px;
outline:none;
font:1em "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
color:#777;
margin:0;
width:100%;
display:block;
margin-bottom:20px;
background:#fff;
border-radius:0px
}
That block is adding a 20px margin on the bottom of all input fields underneath any element with the ID “top”, which in this case is the body element.
You can certainly try overriding the specificity by adding styles to target our forms, but I’d recommend modifying the stylesheet you already have, as it’s essentially targeting every input (and it’s at a higher specificity because you’re using the ID attribute).
Let me know if that helps,
Jon
