Snippets
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 (Facebook Feed > Customize > Misc):
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.
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.
Reversing the order of items in a photo, video, or album feed
Use this snippet to reverse the order of visible items in a photos, videos, or albums feed.
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 but can be centered by following the directions below:
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 […]