Would you mind posting a link to your site. I might be able to help you better if I can see what is going on.
It looks like the widget is inheriting some css from your theme. We can override it. Try adding the following to the end of the style sheet on the settings page for the plugin:
#facebook_status_box #facebook_canvas
{
overflow: hidden;
}
#facebook_status_box .fb_post
{
width: 184px;
}
#facebook_status_box .fb_post .fb_photoblock
{
width: 168px;
margin: 0;
}
#facebook_status_box .fb_post .fb_photo_content
{
width: 134px;
margin: 0;
}
#facebook_status_box .fb_post .fb_time
{
width: 134px;
margin: 0;
}
#facebook_status_box .fb_post .fb_msg
{
width: 170px;
margin: 0;
}
#facebook_status_box .fb_post .fb_commLink
{
width: 170px;
margin: 0;
}
Let me know if it works.
Check it out again? Still some issues. Thankyou for your help, btw.
Can you go and click “Save Changes” on the settings page of the plugin? It looks like you need to re-validate your access token.
Hmm, it was working. Showing now. Check again.
I see it now. It seems ok to me. What issues are you still having?
Try this:
#facebook_status_box #facebook_canvas
{
overflow: auto;
}
#facebook_status_box .fb_post
{
width: 174px;
}
#facebook_status_box .fb_post .fb_photoblock
{
width: 158px;
margin: 0;
}
#facebook_status_box .fb_post .fb_photo_content
{
width: 124px;
margin: 0;
}
#facebook_status_box .fb_post .fb_time
{
width: 124px;
margin: 0;
}
#facebook_status_box .fb_post .fb_msg
{
width: 160px;
margin: 0;
}
#facebook_status_box .fb_post .fb_commLink
{
width: 160px;
margin: 0;
}
Looks better! But there’s still a bar. Should I just reduce these width values just a little more?
Oh wait, profile pic.. Geez I’m sorry this is such a pain :P. Is there an original CSS sheet I can copy, I think I may have pasted over something?
Ah! ok! That did it, I just lowered the width a tad more. Thanks very much! I don’t suppose you can give me an idea about how/why that worked could you? I’m trying to learn this stuff.
Well, basically we added our own width settings to override the width settings that your theme had set for div tags. Can I mark this as resolved?
One last question? It seems that the “FACEBOOK STATUS” at the top is using my theme’s coloring for page titles and what-not. Problem is that it’s too light for the background of the plugin. Could I override this, as well?
Yes. Add the following (change the colors to ones you want):
#facebook_status_box h2
{
background-color: black;
color: red;
}
