Changing Services hover color on Sydney

Hi, I’m designing a website using Sydeney Pro and I have chosen the Services Type A Style2 to display my Services on the Front Page. I’m having a problem, it has a hover color of red and I want to change it to yellow (#FDD017) since red has nothing to do with my company colors. I’ve tried to change the background color of the hover of the icon box in the CSS editor but it won’t change.
My website is
Hope you can help me, thanks.

Hello there,

Add the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    .services-a-section.style2 .roll-icon-box:hover {
        background-color: #fff000;


1 Like

Problem solved! Thanks a lot!

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.