Shane,
For our home page, we set the "Module Class Suffix" of the module (in the parameters) to "-jfbchoriz". That lets us target styles to that specific instance of the module. Then, in our CSS file for our template, we added the following styles:
.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;
}
.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;
}If you add those to your template, and configure the module with similar options to show/hide the fields we have shown, it should look roughly the same. Obviously, test, and let us know how it goes, or if you run into any issues!
Thanks,
Alex
FB and LinkedIn buttons Side-by-side in top bar
