Hover and Content Solution

Hi Athemes,

How can I get our services hover and content to look like service types.

Perfect look
HELP, this is an issue

Thanks,
Lotoya

Hello there,

To color the service content when hovered, add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .services-a-section.style2 .roll-icon-box:hover .content h3,
    .services-a-section.style2 .roll-icon-box:hover .content p {
      color: #fff000 !important;
    } 

Regards,
Kharis

This didn’t fix the issue in our services area. Everything is the same. The hover color is teal and the content is a dark gray. I want that white. All when you hover the icons disappear as well. Something isn’t allowing this change to take.

I look forward to hearing, what else cold be done.

Thank you, Lotoya

Sorry for the incorrect code. I checked your services page and found that you enabled service style 1. So the CSS code should be:

    .services-a-section.style1 .roll-icon-box:hover .icon {
      border-color: #fff000 !important;
    }

    .services-a-section.style1 .roll-icon-box:hover .content h3,
    .services-a-section.style1 .roll-icon-box:hover .content p,
    .services-a-section.style1 .roll-icon-box:hover .icon .fa {
      color: #fff000 !important;
    } 

Regards,
Kharis

Thank you so much Kharis this code worked :facepunch:t5:

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis