Facebook plugin width not applying

Post Reply

4 posts Page 1 of 1

Facebook plugin width not applying

eBsimplicity

New member

Posts

Joined

Thu Dec 08, 2011 12:21 am

Post by eBsimplicity » Thu Jun 04, 2015 7:14 am

Hello!

Did not know where to put this on the forums, so I guess this section is OK.

I have the following code set up on my page used to display the facebook plugin:

Code: Select all

<div class="fb-page" data-hide-cover="true" data-href="https://www.facebook.com/bikefinders" data-show-facepile="false" data-show-posts="true" data-width="280" style="float: left; margin: 10px;">

This worked fine until a couple of days ago. Now for some reason it is stuck on width 180px it seems - yet in the code it says 280px. Anyone know why this is? Check it out here: http://www.bikefinder.no (Plugin left side of pic).

Thanks for input!

eBsimplicity

New member

Posts

Joined

Thu Dec 08, 2011 12:21 am

Re: Facebook plugin width not applying

IP_CAM

Legendary Member

Posts

13016

Joined

Tue Mar 04, 2014 1:37 am

Location

Switzerland

Post by IP_CAM » Fri Jun 05, 2015 7:06 am

Your (assumingly OC v.1.5.6.x, as it looks to me) stylesheet.css defines the Container Layout as shown below.
If you set 'another' frame in a larger Size, somewhere, to display CUSTOM Content, it probably breaks your Layout,
exept, if you readjust the whole Layout section within the Styesheet.css, possibly in the default-theme as well as in your Custom-Theme, if you use one.

Code: Select all

}/* layout */
#container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#column-left {
	float: left;
	width: 180px;
}
#column-right {
	float: right;
	width: 180px;
}
#content {
	min-height: 400px;
	margin-bottom: 25px;
}
#column-left + #column-right + #content, #column-left + #content {
	margin-left: 195px;
}
#column-right + #content {
	margin-right: 195px;
}

Just be aware, changing width-Values may have some effect on other 'things', Mod's, Banners, and so on.

Good Luck
Ernie
bigmax.ch/os/

My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.

IP_CAM

Legendary Member

Posts

13016

Joined

Tue Mar 04, 2014 1:37 am

Location - Switzerland

Re: Facebook plugin width not applying

eBsimplicity

New member

Posts

Joined

Thu Dec 08, 2011 12:21 am

Post by eBsimplicity » Fri Jun 05, 2015 6:24 pm

Thanks for the reply!

I looked into the stylesheet.css, and figured changing the column-left (or even right) from 180px to 280px might fix it. As the plugin is locked to 180px. But this did not seem to do anything.

When I put the facebook plugin on i.e. a information page, it works seamlessly with the width applying to whatever value I chose.

Am I changing the wrong values in stylesheet? I am using the default theme by the way.

eBsimplicity

New member

Posts

Joined

Thu Dec 08, 2011 12:21 am