[Last Call] Learn about multicloud storage options and how to improve your company's cloud strategy. Register Now

x
?
Solved

CSS breaks Facebook Connect Plugin Part II

Posted on 2010-08-18
5
Medium Priority
?
364 Views
Last Modified: 2012-05-10
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
Comment
Question by:DrDamnit
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 3

Expert Comment

by:WabbitSeason
ID: 33469571
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
 
LVL 32

Author Comment

by:DrDamnit
ID: 33469718
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
 
LVL 3

Accepted Solution

by:
WabbitSeason earned 2000 total points
ID: 33469818
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
 
LVL 3

Expert Comment

by:WabbitSeason
ID: 33469869
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
 
LVL 32

Author Closing Comment

by:DrDamnit
ID: 33470118
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

What’s Wrong with Your Cloud Strategy ?

Even as many CIOs are embracing a cloud-first strategy, the reality is that moving to the cloud is a lengthy process and the end-state is likely to be a blend of multiple clouds—public and private. Learn why multicloud solutions matter in this webinar by Nimble Storage.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will learn how to count occurrences of each item in an array.
Suggested Courses

650 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question