Animating button and copyright - by MJ - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 2 years, 6 months ago ago by Olga Barlow

  • Avatar: MJ
    MJ
    Participant
    October 7, 2021 at 10:00

    Hi
    1. I would like to have a CSS to create a button with shading and animation on hover like below. can you please help?
    https://gyazo.com/e1bbbcc287e4f00cd0644be7b95f40ff
    2. I would like to have the copyright text in the middle but there is no footer widget in middle. i only have left and right widgets.
    Thanks

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 7, 2021 at 14:17

    Hello,

    1) You can implement shadow and animation using custom code, for example

    a.mpc-button {
        box-shadow: 0px 8px 15px rgb(94 52 176 / 57%);
        font-weight: bold;
    }
    a.mpc-button:hover {
        transform: translateY(-3px);
    }

    2) Create footer using static block https://youtu.be/gY-x4m47Duo and create the layout you need and include copyrights texts to your footer static block.

    Regards

  • Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘Animating button and copyright’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.