Topic-icon Width of the "login with linkedin"

Active Subscriptions:

None
10 years 10 months ago #34303 by moscowsteve
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?
The topic has been locked.
Support Specialist
10 years 10 months ago #34313 by alzander
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
The topic has been locked.
Active Subscriptions:

None
10 years 10 months ago #34334 by moscowsteve
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.
The topic has been locked.
Active Subscriptions:

None
10 years 10 months ago #34336 by moscowsteve
also- just change the width and created screen shot (attachment of the difference in looks)

sclogin.docx
The topic has been locked.
Support Specialist
10 years 10 months ago #34404 by alzander
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:
.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
The topic has been locked.