Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #376593

    Hi, i have some questions regarding the Contact Form Element of Enfold.
    Question 1. When clicking on the fields of the Contact Form, there is a shadow around the fields, is it possible to remove it ?
    Question 2. When clicking on the Submit button of the Contact form, the text changes and there is an animation (effect), i would like to remove it too. (no effect).
    Question 3. Also, when clicking on this Submit button, all the fields (just around the fields) change of color to be green, i don’t want them to change of color. Can you please give me the exact code to answer to my questions ? Also, can i add this code to quick CSS or in the editor ?
    Thank you very much for your response.



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

    #top input[type="text"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus {
    box-shadow: none; }
    #top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area, #top #wrap_all .valid .select { border-color: #e2e2e2; }



    Thank you very much Yigit for this quick response.
    It works great now but regarding my question 2 above, when clicking on the submit button of the Contact form, is it possible to remove the animation (the effect) ? I can change of course the colors in the theme options (General Styling) and use a Section Area to solve the problem but i need to keep the colors for the others elements of the theme. So, i would like to make a change separately only for the Submit button of the Contact form to have no animation when clicking. Is it possible ?
    Thank you



    Which animation are your referring to? Can you please provide a link to the actual contact page? We would like to check it.

    Best regards,


    I am referring to the same animation we can see when we use the “Progress Bar”. In the styling of the “Progress Bar”, when we choose “striped”, there is a continuous animation, there is of course an option to remove it but regarding the Submit button of the Contact form, this animation appears when clicking so is it possible to have a button without animation and not striped ? Thanks.



    Please add following code to Quick CSS as well

    #top .button.av-sending-button { -webkit-animation: none; -moz-animation: none; animation: none; }
    .main_color .button.av-sending-button { background-image: none !important; }



    Thank you very much.
    It works great now.

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

The topic ‘Contact Form Enfold (shadow, animation button and green color around the fields)’ is closed to new replies.