Customizations

Create a custom title in your Facebook posts

This allows you to grab a certain piece of text from your Facebook post and create a title out of it.

Add captions text to Photos grid layout

To add caption text below each photo in your Photos grid feed simply add the following to the plugin’s Custom JavaScript section:

Filtering your Facebook posts

The Custom Facebook Feed plugin has a post filtering feature built into it which allows you to filter your posts by a specific string or hashtag. You can set this […]

How do I customize my Facebook feed?

WordPress plugin You can customize the feed by setting the options on the Customize page, which can be found under the Facebook Feed menu in your left hand WordPress admin menu. If […]

Using shortcode options to customize your Facebook feeds

If you’re only displaying one Facebook feed on your site – even if you’re using it in multiple places – then you don’t need to use our shortcode options. You […]

Can I display my Facebook posts horizontally or in multiple columns?

Displaying posts horizontally To display your posts horizontally you would need to do the following: 2 posts Set the number of posts to be 2, or use the following shortcode: […]

Custom Snippets

CSS WordPress Plugin: Copy and paste these into the Custom CSS section, found under the Misc tab on the plugin’s Customize page. Standalone Plugin: Add these snippets to your website’s […]

Create a “pinned post” in your Custom Facebook Feed

Pin a post to the top of your Facebook feed using this handy code snippet.

Display Posts Based on Shares and/or Likes

Set your feed to display posts only if they have a minimum amount of shares, likes, or shares and likes.

Set Height and/or Width of Each Image Cropped and Centered

Set all images to a specific height and width or a specific height and fluid width with the image cropped and centered. Please see the two methods below:

Remove a particular string or hashtag from the post text

If you’re using a hashtag to filter posts (eg: #showonwebsite) then you may not want that hashtag to show up in your feed. You can use the following snippet to remove a particular string or hashtag.

Add an “Invite” link to the bottom of your events

Due to Facebook API limitations it’s not possible to add the actual functionality of the Invite button which you see on Facebook in your event, but you can add an invite link to the bottom of your events which will link users to the event on Facebook and allow them to invite other people from there. Just add the following to the plugin’s Custom JavaScript section (Customize > Misc > Custom JavaScript):

Displaying a stacked event date format

If you’d like to display the date in your events to be stacked like in the image below then you can do this by using a couple of Custom JavaScript and Custom CSS snippets.

Change the size of the Load More button

To change the size of the Load More button simply add the following to the plugin’s Custom CSS section (Customize > Misc > Custom CSS). You can change the width value in the snippet as needed.

Insert your own content every X number of posts

Add ads or content in between your Facebook posts.

Change Border Color Around Post Box on Hover (3D Effect)

Create a “3D” effect on the post box when the visitor hovers over it with the mouse.

Change the Share Tool Tip Box

Change the background color, icon color, or icon color on hover.

Change Background Colors and Opacity

The plugin does not have a setting for background opacity so you would need to clear the background color option and use this code.

Center the Like Box

The likebox is floated to the left of the page by default. It can be centered with this CSS:
.cff-likebox { text-align: center; }
.cff-likebox .fb_iframe_widget { width: 500px !important; float:none; }

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; }