Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 2, 2018 at 5:10 pm #892523
    tonydobrevski

    Hi,

    I am using the Enfold Contact Form and I would like to make it smaller in height (both the fields and the space between them). How can I do this with a CSS code?

    Thank you in advance!
    Best,
    Anton

    January 3, 2018 at 3:03 pm #892854
    Victoria

    Hey tonydobrevski,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .avia_ajax_form .text_input, 
#top .avia_ajax_form .select,
#top .avia_ajax_form .text_area {
    padding: 6px;
    border-radius: 3px;
}
.avia_ajax_form p {
    margin: 8px 0;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 5, 2018 at 2:42 pm #893716
    tonydobrevski

    Dear Victoria,

    This code works perfectly!

    Thank you very much!
    Best,
    Anton

    January 6, 2018 at 10:18 am #894005
    Rikard

    Hi Anton,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    January 7, 2018 at 7:54 pm #894441
    tonydobrevski

    Hi Rikard,

    You can close the topic.

    Best,
    Anton

    January 8, 2018 at 6:04 am #894593
    Rikard

    Hi,

    Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Contact form make padding and fields smaller’ is closed to new replies.