Hi
I have two basic contact forms that I’ve created using the Avia Layout Builder. When I look at the static button and hover it, the screen moves up and I can see the hover color at the bottom. The same happens in the button hover state but color is reversed.
How can I fix this please?
Thank you.
Lyse
Hey tremblayly!
I’m sorry but I’m not sure I understand. Can you send us a link to the page so we can take a look?
Cheers!
Elliott
Hi Elliott
Sure here: http://www.herbalhealinginc.ca/contact
and here: http://www.herbalhealinginc.ca/faq
Lyse
Hi!
Add this to your custom CSS.
form input.button:hover {
padding: 16px 20px !important;
}
Cheers!
Elliott
Hi Elliott,
That didn’t work….and it’s not cache because I’m on a different computer
Lyse
Hey!
Please change the code Elliot posted above to following one
.avia_ajax_form .button {
padding: 16px 20px!important;
}
Cheers!
Yigit
Hi Ygit,
The code got rid of the jumping, although I can still see the bottom of the static button. But, I’m happy as is unless you know how to fix it.
Thank you very much
Lyse
Hi!
Would you like to remove the border? If so, please add following code to Quick CSS as well
input.button {
border: none!important;
}
Regards,
Yigit
Hi Yigit
You are awesome. Thank you!
Have a great day!
Lyse