Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 7, 2017 at 11:20 pm #835629
    mcraig77

    How do I change the color of the sending animation on my contact form once I fill out the form and click send?

    August 12, 2017 at 6:39 am #837749
    Nikko

    Hey mcraig77,

    We would be glad to help you with this customization, but at the moment there is no easy way to do this by using a small custom code snippet, so I am afraid its out of the scope of our support.

    But please feel free to request such feature at our feature request system: https://kriesi.at/support/enfold-feature-requests/

    This system allows us to keep track of user suggestions and lets you vote on the feature you would like to see the most. I am afraid though there is no guarantee that a feature will get implemented. If that’s something you really need you can always try to hire a developer for the task :)

    Best regards,
    Nikko

    August 12, 2017 at 8:02 pm #838000
    mcraig77

    Ahoy Nikko,

    So there is no easy way to just change the color from blue to something else? That seems odd… I figured it would be set in styles or something…

    August 12, 2017 at 10:23 pm #838057
    Mike

    Hi,
    You could try this code, I’ve changed the blue to orange to match your site:

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

.main_color .button.av-sending-button {
    background: #F57F20!important; 
    background-image: linear-gradient(-45deg, #d9701a 25%, #F57F20 25%, #F57F20 50%, #d9701a 50%, #d9701a 75%, #F57F20 75%, #F57F20)!important; }

    Best regards,
    Mike

    August 13, 2017 at 12:30 am #838084
    mcraig77

    That seems to work. The loading lines looked a bit wonky but at least the color isnt blue! Thanks

    August 13, 2017 at 12:43 am #838090
    Mike

    Hi,
    I see what you mean, here are the original colors, maybe I transposed one of them. You can try to adjust :)

    
.main_color .button.av-sending-button {
    background: #9cc3df;
    background-image: linear-gradient(-45deg, #9cc3df 25%, #add4ef 25%, #add4ef 50%, #9cc3df 50%, #9cc3df 75%, #add4ef 75%, #add4ef);

    Try making the background: #9cc3df; >> background: #d9701a;
    Unless there’s anything else, shall we close this?

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.