Best Premium and Free WordPress Themes › Forums › Education Base Pro › slideInUp3 btn Color and Animation on Hover
- This topic has 5 replies, 2 voices, and was last updated 5 months, 1 week ago by
acmesupports.
-
AuthorPosts
-
December 23, 2022 at 3:38 pm #105232
Lana Myers
ParticipantHello. Love this theme by the way!
I have added css in the customizer to change the color and look of the button…
/*
.slideInUp3 {
background-color: #6aaa4c;
border-radius: 50px;
line-height: 50px;
border: 1px solid #ffffff;
}
*/I am stumped as to how to use css to make the animation currently used in the button (on hover) to match the above (border-radius: 50px, line-height: 50px, border: 1px solid #ffffff), but using a different background color. Can you help please?
Thanks so much up front!
December 23, 2022 at 5:08 pm #105233acmesupports
ModeratorDear Lana Myers,
Could you please provide your site URL and screenshots of the issue?
Best Regards!December 23, 2022 at 5:51 pm #105234Lana Myers
ParticipantSure…
You can find it at the link below and it is the button that says “Come on over . . .”
https://recipeinprogress.com/
The only edited css for this is the code I included above.December 26, 2022 at 12:39 pm #105264acmesupports
ModeratorDear Lana Myers,
Please update the given CSS code below:
To change the background color on hover use the CSS below :
.slideInUp3:before{
background-color: #6AAA4C !important;
}For other CSS
.slideInUp3:hover{
border-radius: 50px;
line-height: 50px;
border: 1px solid #FFFFFF;
}Best Regards!
December 26, 2022 at 10:07 pm #105281Lana Myers
ParticipantThank you!
December 27, 2022 at 3:45 am #105282acmesupports
ModeratorDear Lana Myers,
You are Most Welcome 🙂
Best Regards! -
AuthorPosts
- You must be logged in to reply to this topic.