Jump to content

Add Facebook Timeline / Feed onto Site with full Width

Recommended Posts

Site URL: https://www.southardsalvage.com/

Hey all. I'm trying to add a facebook feed to my website on the homepage. I got it fine and it's updating, but I want to have the facebook feed the full width or almost the full width of my website. I changed the width to a ridiculously high number and it stays the same. How can I do this? Thanks!!!

 

Here's the code in the code injector as HTML. 

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

Link to comment
  • Replies 5
  • Views 1.6k
  • Created
  • Last Reply

Top Posters In This Topic

Right so, think of it like this.

The code block is the container and the embedded iframe is contained in said container. The code block container will only be as wide  as Squarespace will allow and, by default, this is normally the max-width of the website/section.

If you set the dimensions of the iframe to - "data-width: "100" - you're effectively telling the width of the iframe to be 100% of the container it is in. In this case, the code block . Same goes for height.

Try increasing or decreasing the dimensions of the code block with these changed made to the iframe and you should start to see more relevant changes.

Link to comment
On 12/12/2021 at 12:47 AM, Torid0928 said:

@Wolfsilon I'm new to  HTML and websites so forgive me. I can set the width to 1,000,000 and it still stays as that small block. It's as if it has a maximum on it is blocked by Squarespace, but I made sure that the section format is "large" sized. Any more ideas? 

Can you paste all code in Code Block here? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 months later...
On 2/26/2022 at 12:22 PM, mazmac said:

Hello @tuanphan

I have the same issue with my feed in facebook,

My site is evansys.squarespace.com

pass. evansys2021

I want to put a page posts below the contact info in the main page, but looks like the plugin in fb doesn't work anymore.

Can u give me advice?

Thanks

 

Password incorrect. Can you check it again?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.