Member Avatar for ckjaseem

Hai all ,
I am trying to make a google+ siginin button for my site. I went through this link https://developers.google.com/+/web/signin/#button_attributes and tried to make it working but now my styling is all messed up. I am not able to mess around with the [class='g-sinin'] in CSS.
This is my code:
16

<section class='login_G' >
   <span class='g-signin' data-callback='signinCallback' 
   data-scope='https://www.googleapis.com/auth/plus.login'></span>
</section>

My css:

.login_G {
  cursor: pointer;
  margin-left: 35px;
  float: left;
  height: 72px;
  width: 72px;
  background:url(images/register-google-sprite.png) 0 0;
}

How do I hide the default class class='g-signin' or make it good. If I remove the class inside the span then whole google+ signin function goes off. Can anyone tell me how can I make the siginin function work when clicked on the background image.

  • 2 Contributors
  • 1 Reply
  • 566 Views
  • 14 Hours Discussion Span
  • Latest Post Latest Post by LastMitch
Member Avatar for LastMitch

Google+ signin button [class='g-signin']

I think you might have post this in the wrong section.

The issue you are having is with the design with CSS not with javascript.

I mean the Google + code is very self explanatory.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.