Solved

How to modify the font size of a facebook feed?

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

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 172
Tag photo with facebook api 1 74
Facebook advertising architecture 2 29
Facebook marketing help 3 95
This article will take you step-by-step through the basics of ad creation on facebook. You will learn how to create ads for mobile newsfeed, desktop newsfeed, and right column. 1. Login to your Facebook account. In the left column, click on “Crea…
There are countless ways to use social media and often times businesses are not using it properly. Is your business making any social media mistakes? Here are some tips to get your foot in the door with social media and make the most of it for your …
The goal of the tutorial is to teach the user how to set up your camera and your microphone in Skype.
Video by: syed
The goal of the tutorial is to teach the what Skype is and how to use it.

920 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

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now