The social icon settings will be located in the design pane area correlating to where the social icons are located on your page. In our example, the social icons are in the Footer area.
1. Navigate to the Design inline editor
2. Click in the area where your social icons are located (our's is Footer)
3. Find the area named Social Icons within the editing pane. Click a colored box named Symbol or Shape and choose your new colors. All other attributes of the social icons can be changed in this section as well.
4. Click Save
5. Click Publish