Topic-icon Insert BREAK after "Login Text" [SOLVED]

Active Subscriptions:

None
11 years 10 months ago - 11 years 10 months ago #45783 by designsedge
I am excited to get this working with my site, but having a slight formatting issue - the FB button appears right next to "Or Login With:"
I need it to be generated on the next line.

I have added the following code to my easy social login module default template:
<div class="row-fluid"> 
  <div class="span12" style="margin: 10px 0 0 0"> 
      {JFBCLogin text=Or Login With:}
  </div>
</div>

Need to retain fluid layout -- tried a couple of methods to add a break
<br />

Thanks in advance!
MD
Last edit: 11 years 10 months ago by designsedge.
The topic has been locked.
Support Specialist
11 years 10 months ago #45786 by alzander
All of the buttons have classes on them, that should help you do what you're looking for. If Facebook is the first login button, for instance, adding the following CSS should get you going:
.social-login.facebook { clear:both; }
You can make that selector more specific if you need it to target just the module and not any other login areas on the page, if you have them.

I hope that helps, but if you need more assistance, just let me know.

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

None
11 years 10 months ago #45797 by designsedge
That got it - slight facepalm for not thinking of using CSS.

Thanks Alex!
The topic has been locked.
Support Specialist
11 years 10 months ago #45803 by alzander
Glad to hear we could help. I used to always look to straight HTML fixes instead of CSS too, but once you start using CSS, life becomes a whole heck of a lot easier :)

Of course, if you need anything else, just let us know.

Finally, if you haven't already, please consider leaving a rating and review for JFBConnect, or our support, on the Joomla Extension Directory. It certainly isn't required, but is very appreciated:
extensions.joomla.org/extensions/social-...ook-integration/7215

Thanks!
Alex
The topic has been locked.