Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 20, 2014 at 1:03 pm #293610
    500Webmaster

    Hi,

    Could you provide Quick CSS code two change two aspects of the contact form:

    1. The height between the title and the fields
    2. The main and alternate color of the send button

    Link of examples is in the Private section.

    Thanks!

    July 21, 2014 at 4:08 am #293711
    Ismael

    Hey 500Webmaster!

    Thank you for visiting the support forum!

    1.) Add this on Quick CSS or custom.css:

    form.avia_ajax_form h3 {
margin-bottom: 20px;
}

    You can also leave the title field blank then add a special heading on top of the contact form element.

    2.) Use this to change the initial state of the button:

    .main_color input[type='submit'] {
background: red;
color: #ffffff;
border-color: black;
}

    This one for the hover state:

    .main_color input[type='submit']:hover {
background: black;
color: #ffffff;
border-color: red;
}

    Regards,
    Ismael

    July 21, 2014 at 12:16 pm #293813
    500Webmaster

    Works – Thank you!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Contact Form Elements’ is closed to new replies.