slideInUp3 btn Color and Animation on Hover - Acme Themes

Best Premium and Free WordPress Themes Forums Education Base Pro slideInUp3 btn Color and Animation on Hover

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #105232
    Lana Myers
    Participant

    Hello. 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!

    #105233
    acmesupports
    Moderator

    Dear Lana Myers,
    Could you please provide your site URL and screenshots of the issue?
    Best Regards!

    #105234
    Lana Myers
    Participant

    Sure…
    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.

    #105264
    acmesupports
    Moderator

    Dear 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!

    #105281
    Lana Myers
    Participant

    Thank you!

    #105282
    acmesupports
    Moderator

    Dear Lana Myers,
    You are Most Welcome 🙂
    Best Regards!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.