Hello,
1) Use the following code to add the socials to your footer
<ul class="menu-social-icons ">
<li>
<a href="#" class="title-toolip tooltipstered" target="_blank">
<i class="ico-twitter"></i>
</a>
</li>
<li>
<a href="#" class="title-toolip tooltipstered" target="_blank">
<i class="ico-facebook"></i>
</a>
</li>
<li>
<a href="#" class="title-toolip tooltipstered" target="_blank">
<i class="ico-pinterest"></i>
</a>
</li>
<li>
<a href="#" class="title-toolip tooltipstered" target="_blank">
<i class="ico-envelope"></i>
</a>
</li>
<li>
<a href="#" class="title-toolip tooltipstered" target="_blank">
<i class="ico-facebook"></i>
</a>
</li>
</ul>
2) I don’t see #333 color in footer. Could you, please, provide screenshot of the elements that you want to change there?
3) You can use the Static Block widget and WPBakery page builder for the static block to place logo at the center with the negative margin to move to the right. Watch video tutorial on how to create footer using static block https://youtu.be/KWAQRXZXsaw
Regards