CSS for Login in page?

  • Question
  • Updated 4 years ago
  • Answered
Login page now with facebook, twitter and google login options have to change :)
better change like this:

Photo of Christos

Christos

  • 279 Posts
  • 16 Reply Likes

Posted 4 years ago

  • 12
Photo of Matt DeLong

Matt DeLong, CEO

  • 997 Posts
  • 75 Reply Likes
What do you mean?
Photo of Christos

Christos

  • 279 Posts
  • 16 Reply Likes
i mean now you give us the option for the facebook connect, google and twitter. when customer click to login or my account show this page now


is better when give this option to our customer to show something like Get Satisfaction login popup
Photo of Clockman

Clockman

  • 140 Posts
  • 11 Reply Likes
nice idea. instead of just links... using of tabs
Photo of TicketPrinting

TicketPrinting

  • 90 Posts
  • 11 Reply Likes
I agree with Christos - the tabbed view would look better,.

Customers respond better to images/logo's anyway - they don't read, so recognizing a familiar logo would make it easier to log in.
Photo of youccnowY

youccnow

  • 98 Posts
  • 13 Reply Likes
The CC video about this feature shows the use of tabs on the front end for selecting the various login methods. Anyone know how to setup or enable this?
Photo of TicketPrinting

TicketPrinting

  • 90 Posts
  • 11 Reply Likes
Photo of Matt DeLong

Matt DeLong, CEO

  • 997 Posts
  • 75 Reply Likes
Yes, since you folks are using custom designs, you will need to add the code to your CSS file...you can tweak from there.

How to guide:
http://www.corecommerce.com/kb/index....
Photo of youccnowY

youccnow

  • 98 Posts
  • 13 Reply Likes
@TicketPrinting and Matt, thank you!
Photo of TicketPrinting

TicketPrinting

  • 90 Posts
  • 11 Reply Likes
The code isn't quite right. I don't think I have a custom template, but the tabs are still too big to fit my page.

Also, how do I remove the border around the Twitter logo (when you click on the 'sign in with Twitter' tab?
Photo of Christos

Christos

  • 279 Posts
  • 16 Reply Likes
@TicketPrinting,

in style sheet "style.css" in line 7 add the "border: 0;"
Photo of TicketPrinting

TicketPrinting

  • 90 Posts
  • 11 Reply Likes
Thanks - I also couldn't find the line LINE 37 that is said to remove - did you?
list-style: disc;
Photo of RickRetail

RickRetail

  • 104 Posts
  • 8 Reply Likes
This feature is available? Where does one turn this on? How do we know when new features like this are available?

Don't mean to put the thread off topic.

Thanks,
Rick
Photo of Christos

Christos

  • 279 Posts
  • 16 Reply Likes
@RickRetail, can you find more info for this feature here https://www.youtube.com/corecommerce#p...
Photo of RickRetail

RickRetail

  • 104 Posts
  • 8 Reply Likes
Thanks, appreciate it.
Photo of youccnowY

youccnow

  • 98 Posts
  • 13 Reply Likes
@Christos - on your site when i click "Login with Google" there is no button to select. Everything else seams OK. I'm using Chrome
Just thought I'd let you know in case you were unaware.
Photo of Christos

Christos

  • 279 Posts
  • 16 Reply Likes
@youccnow, thank you, i have already opened ticket for this.
Photo of TicketPrinting

TicketPrinting

  • 90 Posts
  • 11 Reply Likes
I've already opened up a trouble ticket with Core Commerce regarding the missing Google button
Photo of Dog House Garage

Dog House Garage

  • 41 Posts
  • 2 Reply Likes
Thanks guys for sharing this information. So glad for this forum!!!