.pull right is switching username and pass

.pull right is switching username and pass

Hello everyone current/smile

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.
https://www.sourcecoast.com/images/agorapro/attachments/17522/mini_login.png


Thanks current/smile

Attachments:
Pixelshift
useravatar
Offline
11 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: .pull right is switching username and pass

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

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
23659 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: .pull right is switching username and pass

Sent!

Thanks again current/smile

Pixelshift
useravatar
Offline
11 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: .pull right is switching username and pass

Yeesh.. you're trying to test me, eh? current/smile

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:

Code:

.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

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
23659 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: .pull right is switching username and pass

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 current/smile

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 current/smile
https://www.sourcecoast.com/images/agorapro/attachments/17522/mini_logout.png

Edited by: Pixelshift - Jul-29-13 02:57:41
Attachments:
Pixelshift
useravatar
Offline
11 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: .pull right is switching username and pass

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 current/smile

Thanks,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
23659 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: .pull right is switching username and pass

Sent! current/smile

Pixelshift
useravatar
Offline
11 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: .pull right is switching username and pass

Here ya go:

Code:

.sclogin-greeting { text-align: right; }

.sclogout-button { float:right; }

Test, test and test current/smile

Good luck,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
23659 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: .pull right is switching username and pass

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 current/smile

Pixelshift
useravatar
Offline
11 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: .pull right is switching username and pass

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

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
23659 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.
There are 0 guests also viewing this topic
There are 0 users also viewing this topic

Board Info

Board Stats
 
Total Topics:
11405
Total Polls:
0
Total Posts:
48071
Posts this week:
23
User Info
 
Total Users:
47240
Newest User:
lik4li
Members Online:
1
Guests Online:
919

Online: 
gibarra
Social Stream
Refer and Earn

Like our extensions? You're not alone! That's why they're used on tens of thousands of websites. Now you can earn 20% of any sale you refer to SourceCoast.com.

We provide excellent documentation, well laid out sales pages and great support. All you need to do is spread the word and we'll take care of the rest.

Learn About Our Affiliate Program