Log in | Register
  1. Forum
  3. Non-Commercial Extensions
  5. SCLogin Enhanced Login
  7. Login button CSS

Topic-icon Login button CSS

Active Subscriptions:

None
10 years 10 months ago #33973 by rmoore1904
Login button CSS was created by rmoore1904
Hi, I have installed the SC Login module to accompany the JFBConnect component and everything seems to be working & connecting well. One thing though...
The visual look of the Login button appears to be taking on the css style of the main site template and I would prefer it to look as your module intends. Can you tell me how to over ride this, i.e. for SC Login only...? (url: www.countydownspectator.com)
Thanks, Russ
The topic has been locked.
Support Specialist
10 years 10 months ago #33981 by alzander
Replied by alzander on topic Login button CSS
Moore,
I just looked at your site and the Login button looks like our demo. Did you mean the Login with Facebook button? Not sure what I'm missing, but if you could explain more or provide a picture, that would help greatly.

One other thing I noticed is that your top/main menu is showing above the modal popup. You can fix that by updating your styles as below:
#menuwrap1 - currently has a z-index of 99999. Set that to 1000.
ul.suckerfish, ul.dropline, ul.dualfish - Also has a z-index of 99999. Set that to 1000.

I can't tell exactly where those styles are defined because your CSS is compressed, but hopefully that helps get you going.

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

None
10 years 10 months ago - 10 years 10 months ago #33984 by rmoore1904
Replied by rmoore1904 on topic Login button CSS
Hiya, thanks for the reply - the issue is the Login button in the modal popup, as per the attached screenshot. Does that help you see the issue?

PS: Thanks for the tip about the menu z index!

Cheers, Russ
Last edit: 10 years 10 months ago by rmoore1904.
The topic has been locked.
Support Specialist
10 years 10 months ago #33993 by alzander
Replied by alzander on topic Login button CSS
Russ,
No problem about the z-index help. If we see issues, we like to point them out right then. Better than letting our users pull their hair out :)

As for the button.. well, that should be an easy one.. hopefully. In the Social Button Settings section of the SCLogin module, set the "Button Type" to Icon or Icon and Text. Right now, it looks to be set to the Javascript button.

Let us know how that goes, and good luck,
Alex
The topic has been locked.
Active Subscriptions:

None
10 years 10 months ago #34000 by rmoore1904
Replied by rmoore1904 on topic Login button CSS
Alzander, I tried that but it hasn't fixed my problem. The first 'login' button (pre popup) is still fine, and it opens the modal popup which now has an icon/text button for the 'Facebook' login.

But, the main/normal 'login' button inside the popup window hasn't been changed and is still being affected by what looks like the css (or javascript?) of the main site template.

Does that explain it properly for you mate? Have another look at the site and you should see what I mean.

Any new ideas?

Russ
The topic has been locked.
Support Specialist
10 years 10 months ago #34008 by alzander
Replied by alzander on topic Login button CSS
Ahh.. I never even looked at that Login button. Woops.

The issue is a setting in your template:
button {
padding: 10px !important;
font-size: 12px;
background: none !important;
}
Those !important statements should be removed at the end of padding and background so that it looks like:
button {
padding: 10px;
font-size: 12px;
background: none;
}
The important means that they can't be overridden by our CSS, which is the problem.

Hope that helps, but please keep us posted on how it goes.

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

None
10 years 10 months ago #34009 by rmoore1904
Replied by rmoore1904 on topic Login button CSS
You sir are owed a pint of Guinness! Completely sorted, thanks a milliion.

Happy customer!

Now, I don't suppose you can get Jomsocial for j!3 hurried up any...? ;)

Cheeers, Russ
The topic has been locked.
Support Specialist
10 years 10 months ago #34013 by alzander
Replied by alzander on topic Login button CSS
Russ,
Glad to hear that got you going. My Guiness levels are quite low actually, so I'd love to take you up on that sometime :D

As for JomSocial for Joomla 3.. we can't do anything about that. We're testing it right now and very, very excited for it to be released as well. I don't have any timelines on when it will be out, but I'm hoping soon too.

Best of luck,
Alex
The topic has been locked.
  1. Forum
  3. Non-Commercial Extensions
  5. SCLogin Enhanced Login
  7. Login button CSS
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS