Improve company productivity with a Business Account.Sign Up

x
?
Solved

How to modify the font size of a facebook feed?

Posted on 2013-02-05
4
Medium Priority
?
630 Views
Last Modified: 2013-02-10
hi Experts,

I am including the following facebook feed on my site - but cannot find a way to modify the font size.

<fb:like-box width="310" height="305" href="http://www.facebook.com/ElGauchoBellevue" show_faces="false" stream="true" header="false"></fb:like-box>

Open in new window


Is it possible for me to modify my own CSS file to override the facebook styles that are defined dynamically by the feed widget? I tried identifying the target class using FireBug, but when I overrode that class in my style sheet, it didn't affect the feed font style. I also used the 'important' qualifier.

Has anyone any ideas on how to override the font size?

You can see the Facebook feed page here:
http://elgaucho.com/Social-Media-Feed.html

Thanks experts!
0
Comment
Question by:rascal
  • 2
4 Comments
 
LVL 1

Author Comment

by:rascal
ID: 38857151
Thank you both, but your solutions don't answer my question - I need to know how I can alter my stylesheet (.css) to reduce the font size of facebook text, so that all users, regardless of which browser they are using, all see the smaller font size without having to make any adjustments to their browsers.
0
 
LVL 19

Accepted Solution

by:
Manoj Patil earned 2000 total points
ID: 38861523
Actually, I don't think this can be done.  Facebook give you the only option to change the font, not the size.
These options are
font - the font to display in the plugin. Options: 'arial', 'lucida grande', 'segoe ui', 'tahoma', 'trebuchet ms', 'verdana'

They have also given the browser based solutions like following
https://www.facebook.com/help/211108285595675/


I have one idea but it is NOT TESTED
You can try with java script.
Means...
Find the div of that comments and call javascript after page load and change the attribute of the div style
Try to get help from these links

http://stackoverflow.com/questions/14697248/javascript-changing-html-code-after-loading-in-a-div
http://www.ezineasp.net/post/Javascript-Change-Style-Class-of-Div-tag.aspx
http://www.dynamicdrive.com/forums/archive/index.php/t-7162.html
0

Featured Post

Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
Choosing a core focus or particular set of features and options can be tough. To help out, we’re going to highlight a handful of things your business needs on one of your social media pages. In other words, if one of these is missing, you should imp…
Viewers will learn how to use the Hootsuite Dashboard.
Video by: syed
The goal of the tutorial is to teach the what Skype is and how to use it.

601 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question