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
LVL 32
DrDamnitAsked:
Who is Participating?
 
WabbitSeasonConnect With a Mentor Commented:
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:
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:
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.