Hi Awat,

Regarding to the 3 issues you mentioned, the main reason is because your current Yootheme template css or your custom css styling overrides EasySocial styling. Let me break down the issues to you.

1. The reason the background image is not fully displayed is because there is a fixed width and padding on your current template css styling. Removing those will give the background image full width (screenshot below).

https://screencast.com/t/tZZ9WFoq

2. The layout is broken referred to the screenshot below is because the white-space: nowrap; styling is applied on your current css.

https://screencast.com/t/GrktP6iqnn

3. The font colors are hardly readable due to the the override of your link colors from your current template (screenshot below).
https://screencast.com/t/7OrMCeUZzDK
https://screencast.com/t/kOzPTSqj3f0Q

It's best not to change the EasySocial core css files as this may generate unsuspected results but instead use the custom.css. Hope this helps.