WordPress.org

Ready to get started?Download WordPress

Forums

JSL3 Facebook Wall Feed
[resolved] Overflowing on the width for content screen. (19 posts)

  1. bdigges
    Member
    Posted 2 years ago #

    I'm using the plugin as a widget in the left hand side footer of my theme King Size from ThemeForest. The status updates themselves are overflowing width (height too, but that's ok.) I want to eliminate this issue by having it word wrap in a static container rather than creating a scroll bar.

    Any help would be great!

    http://wordpress.org/extend/plugins/jsl3-facebook-wall-feed/

  2. Takanudo
    Member
    Plugin Author

    Posted 2 years ago #

    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.

  3. bdigges
    Member
    Posted 2 years ago #

    eastboundjesus.com

  4. Takanudo
    Member
    Plugin Author

    Posted 2 years ago #

    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.

  5. bdigges
    Member
    Posted 2 years ago #

    Check it out again? Still some issues. Thankyou for your help, btw.

  6. Takanudo
    Member
    Plugin Author

    Posted 2 years ago #

    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.

  7. bdigges
    Member
    Posted 2 years ago #

    Hmm, it was working. Showing now. Check again.

  8. Takanudo
    Member
    Plugin Author

    Posted 2 years ago #

    I see it now. It seems ok to me. What issues are you still having?

  9. bdigges
    Member
    Posted 2 years ago #

    The 2nd post is cut off

  10. Takanudo
    Member
    Plugin Author

    Posted 2 years ago #

    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;
    }
  11. bdigges
    Member
    Posted 2 years ago #

    Looks better! But there's still a bar. Should I just reduce these width values just a little more?

  12. bdigges
    Member
    Posted 2 years ago #

    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?

  13. bdigges
    Member
    Posted 2 years ago #

    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.

  14. Takanudo
    Member
    Plugin Author

    Posted 2 years ago #

    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?

  15. bdigges
    Member
    Posted 2 years ago #

    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?

  16. Takanudo
    Member
    Plugin Author

    Posted 2 years ago #

    Yes. Add the following (change the colors to ones you want):

    #facebook_status_box h2
    {
    background-color: black;
    color: red;
    }

  17. bdigges
    Member
    Posted 2 years ago #

    That worked wonderfully, Tak. You're a legend. I'm having a new issue though. It appears one of my old facebook statuses is stuck at the top of the list in the feed, what could be causing this?

  18. bdigges
    Member
    Posted 2 years ago #

    Nevermind, it appears to have cleared up.

  19. bdigges
    Member
    Posted 2 years ago #

    Hmm.... http://www.eastboundjesus.com

    Feed is blank now?

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic