Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #529694

    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

    #530150

    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

    #530171
    #530299

    Hi!

    Add this to your custom CSS.

    form input.button:hover {
        padding: 16px 20px !important;
    }

    Cheers!
    Elliott

    #530355

    Hi Elliott,

    That didn’t work….and it’s not cache because I’m on a different computer

    Lyse

    #530924

    Hey!

    Please change the code Elliot posted above to following one

    .avia_ajax_form .button {
        padding: 16px 20px!important;
    }

    Cheers!
    Yigit

    #530985

    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

    #530998

    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

    #531009

    Hi Yigit
    You are awesome. Thank you!
    Have a great day!
    Lyse

    #531032

    Hi!

    You are welcome Lyse, always happy to help!
    You too have a great day! :)

    Best regards,
    Yigit

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Contact and FAQ forms’ is closed to new replies.