Services icon color


#1

Hi…

im using this custom CSS to manage colors on the services page.

.sydney_services_widget{
color: #dd9933;
}

.sydney_services_widget .widget-title{
color: #dd9933;
}

.sydney_services_widget .service-title a{
color: #dd9933;
}

.sydney_services_widget .content h3,
.sydney_services_widget .content h3 a{
color: #1d2dd6;
}

.sydney_services_widget .content h3 a:hover{
color: #1d2dd6;
}

is there a bit of code to control the colour of the Service icons ?

Cheers Indeed.
Colin.


#2

Hello there,

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.roll-icon-box .icon {
  border-color: #fff000;
}  

.roll-icon-box .icon i {
  color: #fff000;
}

Adjust the hex color code to any color of your choice.

Regards,
Kharis


#3

That worked perfectly.
Many thanks indeed.


#4

No problem. Just go easy on it.

I am marking this thread as resolved. 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