Docs    Facebook    Customizations

Center the Like Box

Plugin Version 4.0 and above

The likebox is floated to the left of the page by default but can be centered by following the directions below:

1) Turn on Custom Width and set it to 500 in the following location: Facebook Feed > All Feeds > select Edit for the relevant feed > Like Box 
2) Add the following to your preferred custom CSS location or stylesheet. One option is the default additional CSS location found at WordPress Dashboard > Appearance > Customize > Additional CSS.

.cff-likebox { text-align: center; }
.cff-likebox iframe { width: 500px !important; float:none; }

Note: If you want the Like Box to be less than 500px wide, then change the width using the setting in #1 above, and then change 500px in the CSS snippet to be the same width.

Below Plugin Version 4.0

The likebox is floated to the left of the page by default but can be centered by following the directions below:

1) Set the width of the Like Box to be 500 in the following location: Facebook Feed > Customize > General > Like Box / Page Plugin > Custom Like Box Width
2) Add the following to our plugin’s Custom CSS section (Facebook Feed > Customize > Misc):

.cff-likebox { text-align: center; }
.cff-likebox iframe { width: 500px !important; float:none; }

Note: If you want the Like Box to be less than 500px wide, then change the width using the setting in #1 above, and then change 500px in the CSS snippet to be the same width.

support

Couldn’t find your answer in the docs?

Contact Support

Was this article helpful?