[Loren NParticipant]

I’m using the feature box element but would like the background colour to change on hover. I can get the bottom half to change but not the whole thing.

You can see it here >>> http://www.greenhillaccountancy.co.uk

It’s the black box. I’d like it to change to green on hover.

Can you help?

[ThaiModerator]

Hi There,

Please try with this CSS:

.x-feature-box-graphic-inner:hover i {
    background-color: #55b343 !important;
    border-color: rgb(26, 102, 53) !important;
}

Hope it helps 🙂

[Loren NParticipant]

No, that didn’t work.

[LelyModerator]

Hello Loren,

Are you referring to the element in the attached screenshot? If yes, it’s background color is currently green. Please clarify what you want to achieve so we can help you better.

[Loren NParticipant]

Hi, yes, and you are correct – it’s currently green. I’ve removed the button (client doesn’t want it) but I’d just like to have a hover effect so that the green changes colour.

[Loren NParticipant]

Hi,
I got it to work by using this code:

x-feature-box center-text top-text cf:hover{
background-color: #b35891 !important;
}

Thanks for your help.

[Prasant RaiModerator]

Hello There,

Thanks for writing in!

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[Author]

Posts