Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

How to modify the font size of a facebook feed?

Posted on 2013-02-05
4
Medium Priority
?
620 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

You don't always have to apply to land your dream job, keeping your LinkedIn profile up-to-date enables recruiters to look for people just like you!
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.
Viewers will learn how to use the Hootsuite Dashboard.
The goal of the tutorial is to teach the user how to instant message and make a video call in Skype.

715 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