Topic-icon How do I change the Social Icons order

Active Subscriptions:

None
10 years 3 weeks ago - 10 years 3 weeks ago #58270 by itcc
1) I want to display the social icons order. how do i do that.

2) twitter icon is little bit off with easysocial templates. how to fix it

www.sourcecoast.com/images/agorapro/atta...bconnect-twitter.png
Last edit: 10 years 3 weeks ago by itcc.
The topic has been locked.
Support Specialist
10 years 3 weeks ago #58283 by mel
1. JomSocial is calling a method in JFBConnect to get the login buttons to display. Even though we allow setting the order of the buttons, I don't know of an option in JomSocial's backend to configure the order. The version that I'm looking at just has 'Use SourceCoast's JFBC' in the Integration section. Therefore, you'll have to replace the code they're calling. For instance /components/com_community/views/frontpage/view.html.php, around line 76 you can see the following block:
/* Joomla! Facebook Connect */
                if ($config->get('usejfbc')) {
                    if (class_exists('JFBCFactory')) {
                        $providers = JFBCFactory::getAllProviders();
                        foreach ($providers as $p) {
                            $fbHtml .= $p->loginButton();
                        }
                    }
                }

You can do something like the following instead:
/* Joomla! Facebook Connect */
                if ($config->get('usejfbc')) {
                    if (class_exists('JFBCFactory')) {
                        $params['providers'] = array('facebook','twitter','linkedin'); //Add the provider names here in the right order
                        $fbHtml .= JFBCFactory::getLoginButtons($params);
                    }
                }

You can search the JomSocial code for "usejfbc" to see all the places where their block of code is found. Honestly, it seems pretty cumbersome, but if you really want to do it, I don't have a better suggestion.

2. Your template has the following style that is causing the Twitter issue:
.twitter {
padding: 15px 0 !important; 
}

You can fix it by adding the following style:
.sourcecoast .twitter {
padding: 0px !important;
}

I hope this helps clarify, but let us know if you have any further questions.

-Melissa
The topic has been locked.