Topic-icon Horizontal login

Active Subscriptions:

None
11 years 4 months ago #28021 by terros
Horizontal login was created by terros
I moved the folder to my template html folder. I am unsure of what to do with it from there. need it in position 0 of my template or header help would be great
The topic has been locked.
Support Specialist
11 years 4 months ago #28093 by alzander
Replied by alzander on topic Horizontal login
Terry,
Not sure you'll need to edit the template file at all. For our login module on the main JFBConnect page, we did it all through CSS. First, on the SCLogin module, we gave it a module class suffix of "_jfbchoriz". Then, we added the following styles to our template:
.moduletable_jfbchoriz fieldset {
padding:0;
margin:0;
}
.moduletable_jfbchoriz #form-login-username{
float:left;
margin: 0px 3px;
font-weight:bold;
font-size:12px;
}
.moduletable_jfbchoriz #form-login-password{
float:left;
margin: 0px 7px;
font-weight:bold;
font-size:12px;
}
.moduletable_jfbchoriz input {
margin-top:2px;
float:left;
}
.moduletable_jfbchoriz label {
float:left;
margin: 2px 8px 0 0;
}
.moduletable_jfbchoriz form {
float:left;
margin: 0px 7px;
}
.moduletable_jfbchoriz .jfbcLogin {
float:left;
margin: 1px 6px 0 0;
}
.moduletable_jfbchoriz .jLinkedLogin {
float:left;
margin: 2px 0px 0 0;
left:0px;
}
.moduletable_jfbchoriz .button {
margin: 0 0 0 0;
padding: 0px 10px 0px 10px;
font-size: 12px;
line-height:100%;
height: 25px;
}
.moduletable_jfbchoriz div {
float:left;
}
.moduletable_jfbchoriz .logout-button {
margin-left:10px;
}
I don't think there were any other changes necessary, and hopefully that gets you going! Let us know if you need anything else, or if you run into issues with the above CSS. If so though, seeing the page with the styles above, that would help narrow down any last minor changes.

Thanks,
Alex
The topic has been locked.