Join our new community forum for support & discussion

Join Now

Home Support Extensions Social Login Change Google login button

Change Google login button

  • Author
  • Eliran

    Hi, I have a couple of questions:

    1. how can I change the login with Google button to white with black letters and frame (give it a nicer look like on other websites)

    2. how can I add the Gmail Logo to the button

    Here is an example for the upper 2:

    3. The login with Google button covers the user name filed when I’m trying to login to my website from a mobile phone. How can I move it up / move the rest down for the mobile ?

    Here is my website:

    yevhen developer

    1, 3) You can try this CSS snippet to start
    .hp-social-links .hp-social-links__item–google{
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    top: 0;
    left: 0;

    2) Please try this CSS snippet to start. You just need to change image url by your requirements

    .hp-social-links .hp-social-links__item--google span:before{
    	content: "";
    	background-image: url('image-url');
    	background-repeat: no-repeat;
    	padding-left: 30px;
    	display: inline;
Viewing 2 posts - 1 through 2 (of 2 total)

New Reply

This forum has been archived and is no longer accepting new posts or replies. Please join our new community forum for support & discussion.