Okay
  Public Ticket #2361140
Submit Button Hover Fade
Closed

Comments

  • Robin started the conversation

    Dear Sonaar Help,


    in my contact form I would like to animate the submit button with a short fade, when I'm with my mouse on the button (hover fade).

    Normal color is white, when i'm on the button, I'd like the color to change to yellow/orange, BUT with a color fade, not instant color change.


    How is that possible and is that possible?


    Thanks for your help and all the best!

    Robin

  •  647
    Alexandre replied

    Hi Robin, 

    No option is available for this. 
    If you provide the url, I will give you a css code to do what you want.

    Thanks,


    Alexandre from the Sonaar.io Crew

  •  647
    Alexandre replied

    Please go to wp-admin>theme options>custom css/js
    And copy this code:


    .

    .wpcf7-submit {
    transition: 0.5s;
    }

    Thanks,


    Alexandre from the Sonaar.io Crew

  • Robin replied

    I just did, but it didn't work. I tried copying it in javascript as well and didn't work too.

    I guess I did something wrong, the problem is that now the images on the page show wrong, f.e. my logo in the upper left corner is now the sonaar logo and not the ravven one... some things don't show up as well.

    Things I did: copy and paste code in CSS field and save changes. Then copy and paste code in Javascript field and save changes. Is there a way to make the site work again? I guess the code changed anything that it doesnt work anymore now...


    I can give you admin login data if you like to

  •   Robin replied privately
  •  647
    Alexandre replied

    I have added the custom css and it works

    Thanks,


    Alexandre from the Sonaar.io Crew

  • Robin replied

    Yes it works, but now all the settings are damaged, like all the logos I added before are replaced with old settings etc..

    Is there any way to get the old settings of the template back?

    My menu doesn't show up, i have to activate it again under "Theme options", my logo was replaced with the sonaar one, when activating the menu it now looks a lot different than before...

    I don't know what exactly happened when adding the css code, but now everything is weird...

    Could you please look that up and see what happended? Is it the css code I added? Or have you accidentally tweaked the settings?

  • Robin replied

    If there's any possibility to reset the complete side to yesterday, before all the css code happened, I would be really grateful, because it took a lot of time:/


    Also when on the homepage, at the footer for some reason there is the word "follow" which wasn't there before


    Thank you very much for your help and I hope we can fix the site...

  •  647
    Alexandre replied

    Hi Robin, 

    I dont understand your issue. 
    I dont think the css code I gave has replaced all logos and added the word "follow" in the footer. 
    In fact I dont see this last issue on my device. Maybe you have already fixed it. 

    If you want to go back as your site was 2 days ago, you should contact your webhost provider. They probably have a backup.

    Thanks,


    Alexandre from the Sonaar.io Crew

  • Robin replied

    Hey Alexandre, 

    yess I've already fixed everything manually, it was less than expected.

    Weird, I don't know how this could have happened, but everything's good for now. thanks!

  •  647
    Alexandre replied

    Great! Well done.

    Thanks,


    Alexandre from the Sonaar.io Crew