Archived topic
happy forms - float button on hover
8 replies · Started by Tony on August 5, 2021
hi gp,
hope you're all doing well.
can you please help me with css.
i am trying to make the 'send message' button on my contact page float on hover like i have the other buttons...i am trying to add the css but i can't get it to work.
please use temp link to access happy forms etc....thank you.
Hi there,
try this CSS:
.happyforms-styles input[type=submit]:hover {
transform: translate3d(0px,-5px,0);
transition: all 0.5s ease;
}thank you David,
worked just fine.
apologies,
how about if i wanted the same effect on the wp show post pro read more button on my posts that i show on my home page...
what would the css for float on hover be for that button for each post?
Hi Tony,
Since the topic has been marked as resolved, the info in the private info field is erased.
Can you link us to your site again?
hi Ying,
no worries, please see link in private field.
Update the CSS to this:
.wpsp-read-more,
.happyforms-styles input[type=submit] {
transform: translate3d(0,0,0);
transition: all 0.5s ease;
}
.wpsp-read-more:hover ,
.happyforms-styles input[type=submit]:hover {
transform: translate3d(0,-5px,0);
transition: all 0.5s ease;
}thanks David and all, works perfectly.
Glad to be of help
