Topic-icon Jomsocial 4.0 and socialize v2 layout question

Active Subscriptions:

None
9 years 1 month ago - 9 years 1 month ago #51858 by kimberleyb
Hi Support

I'm using Jomsocial 4.0 with socialize v2 template and JFBC on socialarchitect.com. I posted at jomsocial in the template board and they sent me here.

Is there a way to have the icons horizontally laid out instead of stacked? they cause the module to expand vertically and overlap the menu making it almost invisible. I disabled a few to test if it was a width issue but it is not, with 3 they stack as well.

The only way to see the menu is with another huge module activated with nothing in it but the logo which looks even worse than without it.

If I disable them all so they don't mess up the header, they also don't show on the log in page in the jomsocial log in area and I lose the functionality altogether.

Thanks in advance.

Last edit: 9 years 1 month ago by kimberleyb.
The topic has been locked.
Support Specialist
9 years 1 month ago #51865 by alzander
This post has been received. It will take a little bit to look at the css and determine what's wrong and provide a good solution. I just wanted to let you know so you don't think we missed this. Well try to have an answer later tonight, or by tomorrow morning at the latest.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
9 years 1 month ago #51869 by kimberleyb
thanks a lot! I figured it might take a bit of time since it's a new version.
The topic has been locked.
Support Specialist
9 years 1 month ago #51876 by alzander
The issue is from the following style in your template:
.row-fluid {
  margin-left: -15px;
  margin-right: -15px;
}
That's basically saying that there can't be enough room in our social buttons element to show in one row. That's coming from this file:
/templates/socialize/local/css/legacy-grid.css

A quick and easy fix would be to add the following CSS to counter-act the one above (so that it only targets our login module, and doesn't affect anything else):
.sourcecoast .row-fluid {
  margin: 0 15px 0 15px;
}
I hope that helps, but should you need anything else, just let us know.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
9 years 1 month ago #51889 by kimberleyb
it's works PERFECTLY! Thank you very much.
The topic has been locked.
Support Specialist
9 years 1 month ago #51893 by mel
Glad that Alex got it working for you.

If you haven't already, please consider leaving a review for JFBConnect at the Joomla Extensions Directory. While it's certainly not required, it would be appreciated.
extensions.joomla.org/extensions/extensi...l-display/jfbconnect

-Melissa
The topic has been locked.