Width of the "login with linkedin"

Width of the "login with linkedin"

With the new rockettheme 3.0 templates that have the ability to configure the allocation to these modules..
it turns out that  the linkedin login graphic is slightly wider than the FB one.. and its causing  Header A with a fixed width of 2|8|2 to wrap and forcing to use a 2|7|3 just to not wrap the linedin module..

can you change the width on the button to match the facebook?

moscowsteve
Steve
useravatar
Offline
17 Posts
Active Subscriptions:

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

Re: Width of the "login with linkedin"

Can you let us know where we can see the wrong-width buttons? I don't know Rockettheme's templates inside and out and don't know their newest of features, so I'll need a little hand-holding to help you correct whatever is going wrong.

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
23813 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Width of the "login with linkedin"

alex- sure thing.
the site is hknguitar.com

- the sclogin is in the top right...

also if  you use the login , you'll also see the other question i had about the "Connect this site to your Social network?" message that keeps appearing.

im wondering if there is a way to leverage showing both login buttons, but at login- remove the non used one.. b/c people arent going to log in with both FB and LI...

thanks for the help.

moscowsteve
Steve
useravatar
Offline
17 Posts
Active Subscriptions:

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

Re: Width of the "login with linkedin"

also- just change the width and created screen shot (attachment of the difference in looks)

sclogin.docx

Attachments:
moscowsteve
Steve
useravatar
Offline
17 Posts
Active Subscriptions:

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

Re: Width of the "login with linkedin"

Steve,
Sorry for the delay in getting back to this. The problem has to do with how we render that button. We have 2 spans, one for the 'in' and the other for the "Login with LinkedIn" text. In the position you're showing that in, the width is too small for both, so the browser is wrapping it.

The simplest fix looks to be adding the following to your template's CSS file:

Code:

.jLinkedLogin {

width: 155px;
}

That will force the width to 155px for the whole button regardless of it's container.

Another alternative is to use your own custom image for the Login with LinkedIn button.

I hope that helps, but let me know if you need anything else.

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
23813 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:
11498
Total Polls:
0
Total Posts:
48407
Posts today:
7
User Info
 
Total Users:
47470
Newest User:
robver
Members Online:
3
Guests Online:
1110

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