WordPress.org

Support

Support » Plugins and Hacks » JSL3 Facebook Wall Feed » [Resolved] [Plugin: JSL3 Facebook Wall Feed] Overflowing on the width for content screen.

[Resolved] [Plugin: JSL3 Facebook Wall Feed] Overflowing on the width for content screen.

Viewing 15 replies - 1 through 15 (of 18 total)
  • Plugin Author Takanudo

    @takanudo

    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.

    eastboundjesus.com

    Plugin Author Takanudo

    @takanudo

    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.

    Plugin Author Takanudo

    @takanudo

    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.

    Plugin Author Takanudo

    @takanudo

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

    The 2nd post is cut off

    Plugin Author Takanudo

    @takanudo

    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.

    Plugin Author Takanudo

    @takanudo

    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?

    Plugin Author Takanudo

    @takanudo

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

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

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘[Resolved] [Plugin: JSL3 Facebook Wall Feed] Overflowing on the width for content screen.’ is closed to new replies.
Skip to toolbar