× Joomla Facebook Connect support forum

Topic-icon Feature Request

Active Subscriptions:

None
14 years 8 months ago #14072 by rdbean
Feature Request was created by rdbean
Hi Alex,

What about aside from above/below for the social plugins, an option for left/right so they could be styled after mashable etc?

Cheers,

Rich
The topic has been locked.
Support Specialist
14 years 8 months ago #14125 by alzander
Replied by alzander on topic Feature Request
Rich,
With the 4.0 release, and the social buttons, we actually included a CSS file for the social button, in the /components/com_jfbconnect/assets/jfbconnect.css. The social buttons themselves are wrapped in a div with a class "scsocial". Then, each button actually has it's own div with a class. I just tried to play a little with some styling, and the below seemed to get it to work well (with the box count, wouldn't recommend trying the standard layout).

In that file, add the following:
div.scsocialbuttons .sc_lishare, div.scsocialbuttons .sc_twittershare, div.scsocialbuttons .sc_gplusone, div.scsocialbuttons .jfbclike {
    clear:left;
}

Then, unfortunately, one other change is required to JFBConnect.. in the /plugins/content/jfbccontent.php file, around line 260, you'll see:
$buttonText .= '</div><div style="clear:both"></div>';
Change that to:
$buttonText .= '</div>';
This removes the clear styling after the buttons, which forces the article into the next line.

I've added a note to our tracker to look into adding the sidebar display as an option in future releases. Definitely like the idea, and always love the feedback!

Let us know how the above goes.. I'm sure the styling above may cause other unforeseen issues, so we'll see.
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 8 months ago #14132 by rdbean
Replied by rdbean on topic Feature Request
Thanks Alex,

Definitely cool, and getting me closer. I was thinking more along the lines of floating on the left hand side of the page so not to use up the article realestate.

Although, this current solution is close.

My Article Info (Author, Date etc) is inside shown inside of of a div on the left hand side and these would work out well using this method. Is there a way to get the plug in to fire inside of that div instead of at the beginning of the actual article?

Here's a link to a blog post so you can see what I mean. www.engageyourdivers.com/dive-center-adv...ns-and-project-aware

Cheers,
Rich
The topic has been locked.