Solved

How to modify the font size of a facebook feed?

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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
How to add facebook sdk into android studio 1 184
LinkedIn account and format 1 93
some suggestions on Social Engrg tests 2 102
Storing response in input 4 90
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!
Adults who share images on social media aren’t the only ones who need to worry about their privacy. Our culture’s tendency to share every move and celebration affects the privacy of our children, too.
The goal of the tutorial is to teach the user how to instant message and make a video call in Skype.
The goal of the tutorial is to teach the user how to make an account for Skype and brief over view of all the options. There are three parts in this series.
Suggested Courses

738 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