Solved

How to modify the font size of a facebook feed?

Posted on 2013-02-05
4
591 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 21

Expert Comment

by:oleggold
ID: 38857060
0
 
LVL 21

Expert Comment

by:oleggold
ID: 38857062
0
 
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 500 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

NAS Cloud Backup Strategies

This article explains backup scenarios when using network storage. We review the so-called “3-2-1 strategy” and summarize the methods you can use to send NAS data to the cloud

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Get Facebook account number of likes and shares 5 175
Facebook like popin box displaying past browser edge. 4 104
adding facebook link in wordpress 3 82
Facebook 6 51
Every business owner understands the significance of online customer reviews and the impact it can have on sales and revenues. With technology advancing at such a rapid pace, getting online reviews has never been easier, especially when many regions…
Owning a franchise can be the dream of a lifetime. It provides a chance for economic growth. You can be as successful as you want.  To make your franchise successful, you need to market it successfully. Here are six of the best marketing strategies …
The goal of the tutorial is to teach the user how to block contacts and manage the block contact list.
Video by: syed
The goal of the tutorial is to teach the what Skype is and how to use it.

770 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