Adjusting my Wordpress Facebook page plugin feed Options

[HoneyBunnyHB6969]

Hello!
I am likely being dim, sorry!
Not done website building in years, hence using Wordpress thinking it would be easier.....yeah....lol
So i have generated my facebook page plug in code, added a javascript, CSS and HTML code plugin to enable this feed to work and it does, yippee!! BUT....

i need it to be in the centre of the page but as i have used the HTML code box on wordpress i cannot adjust it's position but i see within the plugins code there are the added sizes i opted for but no option to place in the centre of the page.
I have placed it within a wordpress column but that hasn't helped with this situation so i have copied and pasted the code below and if anyone can advise me of where and what to put within that code to make it move to the centre of the webpage i would be beyond grateful!

I've tried things but they haven't worked, my fault i am sure so any help greatly appreciated, Thank you

<div class="fb-page" data-href="https://www.facebook.com/SimonAstillTiling/" data-tabs="timeline" data-width="600" data-height="800" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/SimonAstillTiling/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/SimonAstillTiling/">SA Tiling</a></blockquote></div>

[jeatmi]

I'd be glad to help you center the Facebook page plugin on your WordPress website.
Here's a combined approach incorporating the best aspects of both responses and addressing potential issues.
There are two main ways to add custom CSS to your WordPress site. If you're comfortable with code, you can access the CSS editor of your WordPress theme. This option allows you to make site-wide changes.
If you only want to center the plugin on a specific page, you can use the "Add Custom CSS" option in the WordPress block editor (Gutenberg) or the classic editor.
This CSS rule targets the element with the class fb-page (the Facebook plugin container) and sets its margin properties to 0 auto. This centers the element horizontally within its parent container. maximtimeclock

Make sure the plugin you choose is compatible with your current WordPress version. If you have other CSS rules that might be affecting the positioning, you may need to adjust the specificity of your centering rule (e.g., by adding a more specific selector). After making changes, test the centering on different devices and screen sizes to ensure it looks good everywhere.

This post has been edited by jeatmi: May 28 2024, 11:44 PM