Docs

[tom h]

Hi Sorry to be a pain I’ve had a couple of questions today.

I’m currently trying to animate the feature box I have java script moving the link to the image.

And this code:

.x-feature-box-graphic-inner.circle:hover {
margin-top: -5px !important;
transition: all 0.3s ease-in-out;
box-shadow: 2px 2px 5px 2px gray;
}
.x-feature-box-content:hover {

margin-bottom: -5px !important;
}

I’m trying to animate a box shadow and “float” the image up whilst keeping the content in the same place i assume i am using the wrong selector?

Thank you so much for all your help.

[Nabeel A]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[tom h]

This reply has been marked as private.

[Jade]

Hi Tom,

I have checked the site and it seems to be not a WordPress website. Would you mind confirming the URL please?

[tom h]

Sorry Jade it had been a long day the site is http://harbourviewcafe.co.uk

[Rad]

Hi there,

Please replace that CSS with this,

.x-feature-box-graphic-inner.circle {
position: relative;
transition: all 0.3s ease-in-out;
box-shadow: none;
top: 0px;
}
.x-feature-box-graphic-inner.circle:hover {
box-shadow: 2px 2px 5px 2px gray;
top: -5px !important;
}

Hope this helps.

[tom h]

Ah that was silly of

Thank you !

[Joao]

You are wecolme.

Let us know if we can help you with something else.

Joao

[Author]

Posts