Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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.

    #376956

    Hi BOURREAUMIKEOK!

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

    Cheers!
    Yigit

    #377148

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

    #377274

    Hey!

    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,
    Ismael

    #377314

    Hi,
    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.

    #377377

    Hi!

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

    Regards,
    Yigit

    #377866

    Thank you very much.
    It works great now.
    Cheers,

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.