sharingsunshine
asked on
Need CSS Help On Form
I have a form in my footer that I want to shorten. I am wanting the space between the input field and the submit button to be 10px;
The form is at https://www.theherbsplace.com/ in the footer.
Thanks,
ASKER
I tried this but nothing changed.
#page_0.page_break {
margin-bottom:10px;
}
div#arf_field_132_27978_container.arfformfield.control-group.arfmainformfield.arf_field_type_email.top_container.arf_field_132 {
margin-bottom:10px;
}
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thanks for your help.
You've got a couple of elements that have bottom margins and it's these that are pushing the Submit button away from the text field.
Your text field is wrapped in a div with a class of page_break and that has a margin-bottom of 30px (remove the page_break class to remove that margin.. Inside that div, you've got another div with a class of arfformfield, and that has a margin-bottom of 20px.
Use the Web Developer console to examine your page and you'll see exactly which elements are creating the gap