Return to previous page

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

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

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.

#304855 Copied Theme version: 8.0.7

1 Answer
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
#304890 Copied
Tagged: animated, animation, button, copyright, themes, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)