Login button CSS

Login button CSS

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

rmoore1904
useravatar
Offline
18 Posts
Website 
Active Subscriptions:

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

Re: 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

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

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

Re: 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

Edited by: rmoore1904 - Jun-24-13 11:00:46
rmoore1904
useravatar
Offline
18 Posts
Website 
Active Subscriptions:

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

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

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

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

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

Re: 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

rmoore1904
useravatar
Offline
18 Posts
Website 
Active Subscriptions:

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

Re: Login button CSS

Ahh.. I never even looked at that Login button. Woops.

The issue is a setting in your template:

Code:

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:

Code:

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

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

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

Re: 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...? current/wink

Cheeers, Russ

rmoore1904
useravatar
Offline
18 Posts
Website 
Active Subscriptions:

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

Re: 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 current/big_smile

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

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

alzander
Alex
useravatar
Offline
24104 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:
11666
Total Polls:
0
Total Posts:
48986
Posts today:
3
User Info
 
Total Users:
47792
Newest User:
romjat
Members Online:
1
Guests Online:
947

Online: 
yael
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