Topic-icon .pull right is switching username and pass

Active Subscriptions:

None
Hello everyone =)

I am trying to get the username and password boxes to float right along with the login and register button. The css im using appears to be the only way i can get it to look the way i want but it is switching the username and password fields.

Here is the code im using...

/*-- Login Position --*/
.sclogin {
float: right !important;
}
.sclogin-gretting {
float: right !important;
}
.sclogout-button {
float: right !important;
}
.pull-left {
float: right;
}
.control-group {
margin-bottom: 5px;
}
button.btn {
padding: 1px 14px;
}
#form-sclogin-submitcreate a {
padding: 1px 8px;
}
.btn {
padding: 4px 4px;
}

Any ideas on how to fix this? I would like the username to be before the password.
File Attachment:



Thanks =)
The topic has been locked.
Support Specialist
10 years 8 months ago #34868 by alzander
To fix this, we'll likely need to see the actual module on your page. It sounds like you've done quite a few CSS changes and the above image doesn't really look like our 'raw' module.. so it'd be much easier to figure out what's going wrong on-site, if possible.

Can you post, or Private Message, me a link to your site where we can see the SCLogin module and we'll gladly take a look.

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

None
10 years 8 months ago #34869 by Pixelshift
Sent!

Thanks again =)
The topic has been locked.
Support Specialist
10 years 8 months ago #34895 by alzander
Yeesh.. you're trying to test me, eh? :)

I can see adding a "Float" option in the future so that users can shove everything to the right.. the style updates below should get you going for now though:
.sclogin .pull-left { 
float: none; 
}
.sclogin fieldset.userdata {
text-align: right;
}
.sclogin .control-group {
display: inline-block;
}
You can remove (or update) the .pull-left you already have. The styles above are more specific to our sclogin module so that it can't adversely affect something else on your site.

Good luck and let me know how that goes.

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

None
10 years 8 months ago - 10 years 8 months ago #34901 by Pixelshift
Yeah, i figure why not download and install a random plugin from a company you have never heard of and try and make their mod do things they probably never intended lmao =)

Your code did the trick! Its all nice and neat and the username and pass are back in the right order. However, one snag, now the "Welcome Super User," and "Log out" button are out of sync. I think before when i had the .pull going right, it made them both float right but now only the "Log out" button is floating right cause of my css but the "Welcome Super User" is far left...all bye himself...poor lonely dude.

Any ideas on this one?

Im just keeping ya on your toes lol

**Update...If i use the code below, it smushes "log out" and greeting together on the same line, not what im looking for lol

.sclogin .sclogin-greeting {
float: right;
}

***Update...If i use the other code below it lines up right but i loose the link function of the "log out" button. Meaning the button is still there, but its no longer a link lol

.sclogin {
float: right !important; (without the "important" tag, the code does nothing)
}



Thanks man =)
File Attachment:
Last edit: 10 years 8 months ago by Pixelshift.
The topic has been locked.
Support Specialist
10 years 8 months ago #34909 by alzander
Can you do 2 things for me:
* Remove the CSS you modified in the last post and revert back to what I posted previously. It was close enough and where I think we should start from.
* PM me user credentials for the front-end that I can login with and see the greeting area. No super admin creds, please. I tried to click "Register", but was redirected to the Login page. I'm assuming that was intentional, but if not, that's something to look into :)

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

None
10 years 8 months ago #34946 by Pixelshift
Sent! =)
The topic has been locked.
Support Specialist
10 years 8 months ago #34978 by alzander
Here ya go:
.sclogin-greeting { text-align: right; }
.sclogout-button { float:right; }
Test, test and test :)

Good luck,
Alex
The topic has been locked.
Active Subscriptions:

None
10 years 8 months ago #34990 by Pixelshift
Awesome, works perfect!

I had to add !important to the logout float right tag but your code did the trick!

Thanks again man, you rock =)
The topic has been locked.
Support Specialist
10 years 8 months ago #34998 by alzander
Aweesome! Glad to hear that got you going. If you need anything else, just let us know.

Finally, whenever you're ready for social integration on your site, don't forget about our Facebook (and soon to include Google+ and Twitter) authentication and integration extension, JFBConnect.

Best of luck to you and your site,
Alex
The topic has been locked.