Snippets

Center the Entire Feed on the Page

The feed is floated to the left and stretched across it’s containing element by default. You can center the entire feed with the following CSS:
#cff{ float: none; }

Change the Header Text and Author Icon

Snippets to center the text, center the author icon, hide the text, or hide the author icon.

Automatically link the photo in each feed to a custom URL in the post text

You can link the photo in a post to a Custom URL by using the following snippet:

Display an icon when hovering over a photo or video

To display an icon when hovering over a photo or video, add the following to the plugin’s Custom CSS section (Facebook Feed > Customize > Misc > Custom CSS):

Creating a slideshow, slider, or carousel from your Facebook posts

If you’re using the Pro version of the Custom Facebook Feed WordPress plugin then you can use our Carousel extension to create sliding carousels out of your Facebook content. If […]

Changing the font in your Facebook feed & using Google Fonts

The plugin is designed to naturally inherit the font that’s used on your website or WordPress theme so that it fits seamlessly into your site. You can manually change the […]

Creating a Masonry grid layout from your Facebook posts

If using v3.8+ of the Pro plugin and v2.11 of the free plugin, then there is a built-in setting to create a multi-column masonry layout for your feed. Just use […]

Translate the months of the date using JavaScript

In the WordPress plugin the date will be displayed in whichever language your WordPress installation is in. Sometimes you may have multiple feeds on a site though and each one […]

Move shared links to display at the top of the Facebook post

By default the link boxes which are displayed when you share a link on Facebook are displayed at the bottom of the post. To display these at the top just add the following to the plugin’s Custom JavaScript section:

Styling Facebook posts by different authors

If multiple people are posting to your Facebook page or if you’re using our Multifeed extension to display posts from multiple different Facebook pages in one single feed, then it’s […]

Display video grids in 16:9 format

By default videos in a Videos-only grid are displayed as square. Add this snippet to the plugin’s Custom JavaScript section (Customize > Misc > Custom JavaScript) to display them in a 16:9 format.

Change the layout of shared link posts to match photo/video posts

By default the shared link posts have a different layout to photo and video posts, but you can change this to match by following the directions below. First, go to […]

How to add “Load more” or pagination functionality in the plugin

Version 3.0 and above Versions 3.0 and above of the plugin includes a “Load More” button that allows you to load more content into the bottom of your feed. To […]

Change your Facebook profile image/avatar

Add the following to the plugin’s Custom JavaScript section (Customize > Misc > Custom JavaScript):

Creating a dynamic Like Box

If you’re using a multifeed then you may want to either change which Like Box is being shown based on the first post in the feed, or you may want to add a Like Box to each post.