Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #164901

    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;
    }

    #164913

    Hey Manuel!

    Can you post the link to the page where you have this form please?

    Regards,
    Josue

    #165070

    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://www.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 :)

    • This reply was modified 11 months ago by  manueldes.
    #165425

    Hi!

    Is this what you want to achieve?

    Regards,
    Josue

    #165498

    Hi Josue, exactly, I want to do this. Now tell me know, how can I get the solution :)
    Regards
    Manuel

    #165661

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling

    .ajax_form p { margin-bottom: 5px; margin-top: 5px; }

    Regards,
    Yigit

    #165692

    Hi 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
    Manuel

    #165854

    Hi!

    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

    #165969

    Thanks Yigit, it works great!

    Regards
    Manuel

    #166078

    Hi!

    You are welcome, glad we could help :) Let us know if you have any other questions

    Regards,
    Yigit

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Distance between textfield and checkbox field’ is closed to new replies.