Positioning

Hi,

I’ve tried integrating your Facebook Comments and Twitter Timeline plug-ins, but have hit a placement issue, with the feeds both running along the left-hand side of the screen. Is there a way I can get them to auto-align with my content?

I have set-up a test page at http://www.theanarchystate.uk/test. The text “All your normal text goes here” changes it’s distance from the left based on the size of the screen and I would like the plug-ins to match.

Having looked at the content code, it seemed I needed to try something like, “.fb-comments {margin-right: auto; margin-left: auto}” in Simple CSS, however this did not help. If I use margin-left:240px, this works when viewing on a certain size screen (used for Facebook feed in my example page), but this does not align to the Aesop content when looking on a smaller or bigger screen. So, I need something to do this automatically.

Do I need to make a change to the code, or can I add some Simple CSS code to match the Content section so that everything is in a straight line?

Many thanks,

Mark

https://wordpress.org/plugins/facebook-comments-plugin/