Sydney

Hello there,

Thank you for reaching out to us here.

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

.widget_sydney_services_type_a .roll-button{
  background-color: #1c7cf4;
  border-color: #1c7cf4;
}

.widget_sydney_services_type_a .roll-button:hover{
  color: #1c7cf4;
  background-color: transparent;
}

Adjust the hex color code as it might not the exact blue that you want.

Regards,
Kharis

Sadly it don’t work..
See https://test.sy-idefix.dk/

Is the button for for Facebook I want Facebook blue.
The Instragram a other color..

Have tryed it with Simple Custom CSS, didn’t wrong.
Also in the CSS Styles in attributes.. don’t wrong.

Hello there,

Which button do you want to modify in the service section? What does the button label say? Is it “Befriend us on Facebook”?

Regards,
Kharis

Hello Kharis,
yes, that’s the one.

Hello there,

Try to apply the following CSS code:

.sydney_services_widget a[href*="facebook.com"]{
  color: #3B5998;
}

.sydney_services_widget a[href*="facebook.com"]:hover{
  color: #767676;
}

Regards,
Kharis

Nope… It’s going to look like his.. just “photoshop” the color.
https://test.sy-idefix.dk/wp-content/uploads/2016/07/fb-prop.png

Hello there,

Try to apply the following code:

.sydney_services_widget .service .roll-icon-box .icon{
  border-color: #d65050;
  background-color: #d65050;
}

.sydney_services_widget .service:first-child .roll-icon-box .icon{
  border-color: #3B5998;
  background-color: #3B5998;
}

.sydney_services_widget .service .roll-icon-box .icon i{
  color: #fff !important;
}

Regards,
Kharis