WordPress.com Forums » Topic: Facebook Widget - manipulating it with CSS http://en.forums.wordpress.com/topic/facebook-widget-manipulating-it-with-css WordPress.com Forums » Topic: Facebook Widget - manipulating it with CSS en Sat, 25 May 2013 20:02:25 +0000 http://bbpress.org/?v=1.1-alpha-2539 designsimply on "Facebook Widget - manipulating it with CSS" http://en.forums.wordpress.com/topic/facebook-widget-manipulating-it-with-css#post-857623 Wed, 04 Apr 2012 20:35:28 +0000 designsimply 857623@http://en.forums.wordpress.com/ Looks like what you're doing is shifting the element over a bit with the border and that force part of the likebox to the side and obscured the border on one side.

An iframe is universally handled like a different HTML page by most browsers. If the iframe is on a different domain, like it is in the case of Facebook's likebox, then you cannot adjust that content using CSS on the site displaying the iframe. To adjust it, you would need to have access to the Facebook iframe content directly, which is something you cannot do from the WordPress.com side.

]]> tiagodovale on "Facebook Widget - manipulating it with CSS" http://en.forums.wordpress.com/topic/facebook-widget-manipulating-it-with-css#post-856686 Tue, 03 Apr 2012 18:22:46 +0000 tiagodovale 856686@http://en.forums.wordpress.com/ This code

#facebook-likebox-2 {<br /> border:1px solid white!important;<br /> }

makes the left border go white... but only the left one... any ideas? :$

]]> tiagodovale on "Facebook Widget - manipulating it with CSS" http://en.forums.wordpress.com/topic/facebook-widget-manipulating-it-with-css#post-856666 Tue, 03 Apr 2012 18:10:26 +0000 tiagodovale 856666@http://en.forums.wordpress.com/ We can't win them all, though I didn't quite quit yet: if I learn something new about it, I'll report it here
Cheers! :)

]]> designsimply on "Facebook Widget - manipulating it with CSS" http://en.forums.wordpress.com/topic/facebook-widget-manipulating-it-with-css#post-856661 Tue, 03 Apr 2012 18:07:16 +0000 designsimply 856661@http://en.forums.wordpress.com/ Sorry I didn't have better new about the FB likebox.

]]> tiagodovale on "Facebook Widget - manipulating it with CSS" http://en.forums.wordpress.com/topic/facebook-widget-manipulating-it-with-css#post-856660 Tue, 03 Apr 2012 18:06:39 +0000 tiagodovale 856660@http://en.forums.wordpress.com/ Thanks again, designsimply :)
It's nice to have your advice once again!

]]> designsimply on "Facebook Widget - manipulating it with CSS" http://en.forums.wordpress.com/topic/facebook-widget-manipulating-it-with-css#post-856656 Tue, 03 Apr 2012 18:05:14 +0000 designsimply 856656@http://en.forums.wordpress.com/ There isn't a way that I know of. It's because of how Facebook loads their likebox.

]]> tiagodovale on "Facebook Widget - manipulating it with CSS" http://en.forums.wordpress.com/topic/facebook-widget-manipulating-it-with-css#post-856651 Tue, 03 Apr 2012 18:00:43 +0000 tiagodovale 856651@http://en.forums.wordpress.com/ ("control the size")

]]> tiagodovale on "Facebook Widget - manipulating it with CSS" http://en.forums.wordpress.com/topic/facebook-widget-manipulating-it-with-css#post-856647 Tue, 03 Apr 2012 18:00:13 +0000 tiagodovale 856647@http://en.forums.wordpress.com/ I was hoping that we could control the side and positioning of it on our side, defining a smaller box for it and placing it centered in it, so that the border is clipped... I managed to get to the first part... couldn't center it, though..

]]> designsimply on "Facebook Widget - manipulating it with CSS" http://en.forums.wordpress.com/topic/facebook-widget-manipulating-it-with-css#post-856644 Tue, 03 Apr 2012 17:58:57 +0000 designsimply 856644@http://en.forums.wordpress.com/ That's actually not possible to do with CSS because the Facebook likebox is controlled on Facebook's side (as you mentioned).

]]> tiagodovale on "Facebook Widget - manipulating it with CSS" http://en.forums.wordpress.com/topic/facebook-widget-manipulating-it-with-css#post-856641 Tue, 03 Apr 2012 17:58:11 +0000 tiagodovale 856641@http://en.forums.wordpress.com/ Thanks for that reminder :)
http://blog.tiagodovale.com

]]> timethief on "Facebook Widget - manipulating it with CSS" http://en.forums.wordpress.com/topic/facebook-widget-manipulating-it-with-css#post-856639 Tue, 03 Apr 2012 17:56:56 +0000 timethief 856639@http://en.forums.wordpress.com/ All CSS editing is theme specific. Please post an active link starting with http:// to the blog you are CSS editing.

]]> tiagodovale on "Facebook Widget - manipulating it with CSS" http://en.forums.wordpress.com/topic/facebook-widget-manipulating-it-with-css#post-856635 Tue, 03 Apr 2012 17:54:55 +0000 tiagodovale 856635@http://en.forums.wordpress.com/ Hi guys!

I'm trying to make the Facebook Like Box so that it matches my theme a bit better.

I found that I could manipulate it a bit, and added a dropshadow to it with this code:

#facebook-likebox-2 iframe {<br /> -moz-box-shadow:0 2px 8px #aaaaaa;<br /> -webkit-box-shadow:0 2px 8px #aaaaaa;<br /> box-shadow:0 2px 8px #aaaaaa;<br /> }

But what I'd really love to do would be to simply eliminate the border from Facebook's Widget.
I think I can't really do anything about that border directly -it's on Facebook's side- but I can resize the box from my side so that it is a couple of pixels smaller. This would clip the Widget by those two pixels and fix my problem.

The thing is, when I try to do it, the Widget align to top and left, and so only the right side and bottom borders are clipped..

Any ideas??

Thanks again :)

]]>