Hey greencircleprojects,
If you can send me a link to the page on your site where you’re displaying the feed then I can take a look and hopefully provide a solution for you.
John
Unfortunately the site is on a local test server, not live. I took a screenshot of it however:
http://tinypic.com/r/dos209/8
I hope this helps.
The shortcode is being placed within Visual Composer columns. It’s a 1/3 1/3 1/3 Layout to center the elements on the page. But whenever I use a full width column, the feed will break again, this time pushing the Feed Header and Like Box to the left and down.
It’s really difficult to say what’s causing it without seeing a link, but you could try adding the following to the plugin’s Custom CSS section (Customize page > Misc tab) and see whether they solve the problem:
#cff{ margin: 0 !important; padding: 0 !important; box-sizing: content-box !important; }
#cff .cff-item{ box-sizing: content-box !important; margin-left: 0 !important; }
If that doesn’t work then try right clicking on the feed and selecting ‘Inspect Element’ and see if any CSS is being applied to the feed or posts by your theme which is causing the problem. As you can’t provide a link then any screenshots you can provide of you inspecting the feed’s .cff-container, #cff and .cff-item elements would be useful.
John
Thanks for the reply!
This CSS didn’t end up helping, it actually somewhat broke the feed, cutting off the right side of it. I appreciate the help though.
I am going to go live with the site within the next week, and will post the URL to the site once I have. Hopefully this will give you a better idea of what is happening. The feed itself functions great – and other than being off center, everything looks good.
I would like to eventually purchase the PRO version of this plugin to apply to our family of websites, but first need to make sure that it is going to function within the theme our websites use.
No problem, just let me know when you have a URL available and I’ll take a look and figure out what’s going on for you.
John
I accidentally stumbled onto the real issue: the feed does not act the same way as the other elements in the page when re-positioning responsively.
I can re-size the window and at a certain point, everything is centered. But making the window smaller or larger will make it appear off center, as the feed does not react the same way the other content does.
The feed still “moves” and “responds” to the larger or smaller window, but it is as though it is a separate element from the page entirely.
I’m going live with the site tomorrow morning and will follow up with a URL for viewing.
Interesting. It’s hopefully just a simple CSS fix. Let me know when the URL is live and I’ll take a look.
John
Here is the URL:
http://www.farmersparkspringfield.com
The Facebook feed is at the bottom.
Thanks! Could you try changing the width of the feed to be 100% (instead of 500px) or just remove the width completely – as the default is 100% – and let me know whether that solves the problem for you?
John
Crap! That worked. It would be that simple! I really appreciate the help! I wouldn’t have thought to change those values. Thanks John!
🙂 No problem, glad to hear that fixed it for you!
Just let me know if you have any other issues or questions and I’d be happy to help. Also, no obligation of course, but if you fancy supporting the plugin by leaving a super-quick review then it would be hugely appreciated!
Hope you have an awesome weekend!
John
