Social Icons Color Change? Also google+ icon

Hello,
finally thanks to the new update a couple of things are working again.
I have two remaining questions though.

  1. How do I change the color for each of my icons individually? I know how I can change it so they all have the same color with the customizer but how do I change each one individually? I still have the background color that I had set before the update in the customizer under custom.css but it isn´t doing anything.

  2. With the new icons everything displayed well. The system recognized my Facebook and twitter links but not my google+ link. It just displays an empty box for that? What is wrong with that?

Hi @dssl,

I hope you are well today and thank you for your questions.

1. How do I change the color for each of my icons individually? I know how I can change it so they all have the same color with the customizer but how do I change each one individually? I still have the background color that I had set before the update in the customizer under custom.css but it isn´t doing anything.

You can change the background color of individual social icons by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

body #menu-social li a[href*="plus.google.com"]{
  background-color: #C8260C;
}
body #menu-social li a[href*="facebook.com"] {
  background-color: #4265B9;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

The above CSS code only changes the background color of facebook and google plus social icons but you can also change it for other social icons the same way changing the URL in the CSS selector.

2. With the new icons everything displayed well. The system recognized my Facebook and twitter links but not my google+ link. It just displays an empty box for that? What is wrong with that?

This question is already answered in your following thread.

https://colorlibsupport.com/t/update-to-2-0-lost-custom-css-problem-with-footer-and-social-icons/#post-34485

Best Regards,
Movin