• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 367
  • Last Modified:

CSS breaks Facebook Connect Plugin Part II

This is a follow up to http://w.e-e.com/hHPs4P.

While the "Connect with Facebook" plugin now appears to be working, it is too long.

How do I fix that?
 s
0
DrDamnit
Asked:
DrDamnit
  • 3
  • 2
1 Solution
 
WabbitSeasonCommented:
Let's see, you can fix it by changing the html of the connect button, which is located in the file sfc-connect-widget.php in the plugin directory. Try replacing the function sfc_connect_shortcode with the attached one. If you want to experiment, http://fbrell.com/xfbml/fb:login-button contains some examples.
function sfc_connect_shortcode() {
        $login ='<fb:login-button perms="email" v="2" size="small" ';

        if (function_exists('sfc_login_activation_check')) {
                $login .= 'onlogin="window.location=\''. wp_login_url() . "?red$
        }

        $login .= '><fb:intl>Connect</fb:intl></fb:login-button>';
        return $login;
}

Open in new window

0
 
DrDamnitAuthor Commented:
It actually is the CSS. The sidebar is too narrow. I am trying to figure out which div I need to change to get the right sidebar wider and the main content just a little smaller.

I only need 20 pixels more in the sidebar.
0
 
WabbitSeasonCommented:
Ah, didn't know you wanted to take that angle :-). Edit the file style.css in your template directory, changing the value after width under div#contentborder (that is the main content) and div#right-sidebar (that is the right sidebar). Be sure to subtract the same value from the main content width that you add to the sidebar width to keep things adding up correctly.
0
 
WabbitSeasonCommented:
Oh, and before I forget: if some areas around a post start showing up too wide after you adapted the main content width, try decreasing the widths under div.postheader, div.postfooter, div#footer and #commentform textarea with the same amount of pixels.
0
 
DrDamnitAuthor Commented:
4,000 points on your first day. You're on your way to being one of the top experts. Welcome to EE.
0

Featured Post

Technology Partners: 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!

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now