Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 8, 2015 at 2:11 am #376593
    BOURREAUMIKEOK

    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.

    January 8, 2015 at 6:03 pm #376956
    Yigit

    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

    January 9, 2015 at 12:24 am #377148
    BOURREAUMIKEOK

    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

    January 9, 2015 at 9:38 am #377274
    Ismael

    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

    January 9, 2015 at 11:48 am #377314
    BOURREAUMIKEOK

    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.

    January 9, 2015 at 3:18 pm #377377
    Yigit

    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

    January 11, 2015 at 12:51 am #377866
    BOURREAUMIKEOK

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

  • Author
    Posts
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.