[SOLVED] Community Builder Login

9 years 2 months ago #143630 by b3tn01hasd1s
Hey guys, I need some help with the login system of community builder. I would like to make my login system look like this

with that orientation instead of the normal style.. I have seen people do it before but I dont know how. please help me.

Post edited by: b3tn01hasd1s, at: 2010/10/06 22:15

Post edited by: krileon, at: 2010/10/15 21:28
9 years 2 months ago #143703 by krileon
You'll need to use CSS to alter positions of many elements, but by editing the CB Login modules parameters in module manager you can set the modules position to horizontal or vertical as need be so layout wise you'll be half way there. Not sure how other users have designed their login processes, but I recommend contacting them perhaps for some incite. More on CSS usage can be found here .

Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Templates - CBSubs - Hosting - Forge - Incubator - GroupJive
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
Please note I am available Monday - Friday from 8:00 AM EST to 4:00 PM EST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
9 years 1 month ago #144149 by baparks
If you look in the parameters of the module you should find the option for horizontal or vertical display as well as what to display.
You can also do a Google search for horizontal CB Login module
9 years 1 month ago #144449 by tivie
Some info that might help.

It might help setting a new "module Class Suffix" like _cblogin or something. This will "reset" the style applied by your template.css file regarding the login module and general module.

Set its orientation to horizontal.

You can use this tool, Firebug (which is an add-on for firefox), to make changes to your template.css without actually changing the file. This way you can preview all the alteartions before applying them to the file.

Here's some examples...

Changing background image:

form#mod_loginform_cblogin {

Changing fieldset border
form#mod_loginform_cblogin fieldset {
border: 0 none;
margin: 0;
padding: 0;
color: red;

Changing list padding
form#mod_loginform_cblogin ul li{
padding: 0;

Changing list hiperlink padding, color and font
form#mod_loginform_cblogin ul li a {
text-align: left;
padding: 0;
font-size: 10px;
color: red;

Post edited by: tivie, at: 2010/10/20 19:32
Moderators: beatnantkrileon
Time to create page: 0.426 seconds

Facebook Twitter LinkedIn