-
Posts
-
Hello, I like to get the Enfold form fields (like text, email etc.) closer, with less distance (lesser line spacing).
If I set the code bellow in CSS, the fields are closer, but the checkbox field too closer. Do you have perhaps a idea, how can I change only the distance between textfield and checkbox field? Thanks
.ajax_form p {
margin-top: 0px;
margin-bottom: 9px;
color: #fff;
}Hi Josue,
I haven´t yet a page with enfold form, I checked only with Chrome developers tools and I take your demo page: http://kriesi.at/themes/enfold/shortcodes/contact-forms/
You can test self, if you give this code .ajax_form p {margin-top: 0px; margin-bottom: 9px;} in the CSS, than the distance between form fields smaller, I want get the field distance to 9px, but the distance of fields (text or text area) to checkbox for example 20 px, also greater. How can I do this?
If this possible, than I switch from Gravity Forms to your forms.
Vielen Dank :)
Hi Josue, exactly, I want to do this. Now tell me know, how can I get the solution :)
Regards
ManuelHi!
Please add following code to Quick CSS in Enfold theme options under Styling
.ajax_form p { margin-bottom: 5px; margin-top: 5px; }Regards,
YigitHi Yigit,
in that case move the distance between all the fields (Text, text area etc.) I want change only the distance to CHECKBOX like the screen shoot of Josue-
Regards
ManuelHi!
Please inspect elements and check the ID of your message box and target it as following
p#element_avia_message_3 { margin-bottom: -5px; }You just need to change ID and adjust margin
Cheers!
Yigit
- The topic ‘Distance between textfield and checkbox field’ is closed to new replies.