Topic-icon Formatting social buttons

Active Subscriptions:

None
13 years 11 months ago #23811 by Larry_Lou
Hi,
I just got installed and am excited so far. One issue I have is with the formatting of the social buttons. I would like them in a row instead of stacke. I can't seem to find a configuration or CSS
File Attachment:
for that. Could you point me in the right direction?
Thanks
The topic has been locked.
Support Specialist
13 years 11 months ago #23828 by alzander
Replied by alzander on topic Formatting social buttons
Larry_Lou,
Glad you're enjoying JFBConnect so far! If you're manually adding those tags, you will need to add the following CSS styles to your template's stylesheet. Usually, your template's CSS file can be found in /templates/<YOUR_TEMPLATE>/css/template.css.

Once there, add the following code to the bottom of the file:
.jfbcLike, .sc_gplusone, jlinkedShare { float: left; }
That should take care of things, but make sure you don't have new lines between the tags.

Additionally, depending on how your page is structured, you should look into using the JFBCContent plugin. That will automatically insert the tags into Joomla or K2 articles and is much easier to configure (and automatic). If you're not using Joomla or K2 articles though, the easy-tags are the next best thing!

Hope that helps,
Alex
The topic has been locked.
Active Subscriptions:

None
13 years 11 months ago #23934 by Larry_Lou
Replied by Larry_Lou on topic Formatting social buttons
Thank you for the help! It was a matter of the settings in the Admin configuration.
Now I have a second problem. On the front page view (blog layout) the drop-down gets cut off by the next article (see screen shot, browser Firfox - mac). You can see where I am developing at www.flummis.net.
Thanks,
Larry
File Attachment:
The topic has been locked.
Support Specialist
13 years 11 months ago #23951 by alzander
Replied by alzander on topic Formatting social buttons
In your /templates/yougrids/css/newsitems.css file, at line 139, remove the overflow:hidden property from div.yjsg-newsitems .float-left.

Do the same for /templates/yougrids/css/layout.css At line 62, remove the overflow:hidden from
#leftblock, #midblock, #rightblock, #insetblock, #insetsholder_2t, #insetsholder_2b, #insetsholder_3t, #insetsholder_3b

Hope that helps!
Alex
The topic has been locked.
Active Subscriptions:

None
13 years 11 months ago #23965 by Larry_Lou
Replied by Larry_Lou on topic Formatting social buttons
Perfect!
Thank you Alex.
The topic has been locked.
Support Specialist
13 years 11 months ago #23968 by alzander
Replied by alzander on topic Formatting social buttons
It sounds like that worked. Glad to hear we got you going! Should you need anything else, just let us know!

Finally, please consider leaving a rating and review on the Joomla Extension Directory for JFBConnect, or our support. It's certainly not required, but very appreciated!
extensions.joomla.org/extensions/social-...ook-integration/7215

Thanks,
Alex
The topic has been locked.