Price table shadow

[Anonymous 4214]

Anonymous 4214

November 1, 2017 at 6:24 pm

Hi,

here again: *Login to see link

i try to match the shadow of the price tables to the design of the CTA button box-shadow: -8px 9px 2px #b3b3b3; but i am having a hard time making it work:

/*-----price table shadow----*/

.table-hover-boxshadow .kt-table-pane {
-webkit-box-shadow: -7 7 2 rgba(0, 0, 0, 0.0) !important;
-webkit-box-shadow: -7 7 2 rgba(0, 0, 0, 0.0);
-webkit-transition: .3s ease-in-out all;
-ms-transition: .3s ease-in-out all;
transition: .3s ease-in-out all;
position: relative;
z-index: 1;
}
.table-hover-boxshadow .kt-table-pane:hover {
-webkit-box-shadow: -3 3 0px rgba(0, 0, 0, 0.3);
box-shadow: -3 3 0px rgba(0, 0, 0, 0.3);
z-index: 2;
}

If possible, i would have this shadow visible at all times, maybe with a slight change on hover.
I’ll play with it, if you just help me with the initial CSS.

Thank you for your time,
B.Anders