Featured List

[webxid]

Hi, I’m trying to edit the hover colors of my featured list. When you hover over the icon it turns black, but when you hiver over the words the icon turns blue. How can i can the colors?

[Prasant]

Hello Daniel,

Thanks for writing in!

By default Classic Featured List element does not has hover effect that changes the color. Can you please share the exact page url where you have added the element so I can take a look.

In the mean time please try out following CSS under X > Theme Options > CSS:

.x-feature-box-title:hover {
    color: #ddd;
}

.x-feature-box-graphic i:hover {
    background-color: #ededed !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[webxid]

the url is http://graceromanianchurch.com/contact-us/

[Prasant]

Hello Daniel,

Thanks for updating the thread.

I checked the contact page and the feature list icon does not has hover effect. If you would like to have hover effect, please use the code that I changed in previous reply. You can also use following CSS under X > Theme Options > CSS:

.x-feature-box-title:hover {
    color: #ddd !important;
}

.x-feature-box-graphic i:hover {
    background-color: #ededed !important;
}

Thanks.