Return to previous page

Change Icon on Google Login Authentication

This topic has 2 replies, 2 voices, and was last updated 5 months, 1 weeks ago ago by Tony Rodriguez

OnlyCBD

Participant

November 16, 2023 at 20:49

Hello!
Is it possible to change the Google login icon?
I want to put a simpler Google logo
Screenshot:
https://ibb.co/5cX92rS

#373965 Copied Theme version: 9.2.2 WooCommerce version: Latest

1 Answer
Tony Rodriguez

Support staff

November 17, 2023 at 09:25
Hello, @OnlyCBD,

I hope this message finds you well.

We would like to provide you with the necessary steps to update the icon on the Google Login Button to one of our custom icons from the Xstore collection. Please follow the instructions below to implement the change:

1. Navigate to the Xstore section in your website’s admin panel.
2. Proceed to Theme Options.
3. Select Theme Custom CSS.
4. Click on Global CSS.
5. Copy and paste the following Custom CSS code into the provided area:
```
.et-google-login-button i {
    display: none;
}
.et-google-login-button:before {
    font-family: 'xstore-icons' !important;
    content: "\e15";
}
```
This code will replace the default Google icon with a custom icon from our Xstore icons collection, which can be viewed here: [Xstore Icons](https://xstore.8theme.com/xstore-icons/).

After applying the code, please ensure to clear your browser’s cache before revisiting your site to see the changes take effect. The expected result should resemble the following screenshot: [View Result](https://prnt.sc/Jcs5NyPiBbNl).

Should you require any further assistance, please do not hesitate to reach out.

Best regards,
The 8Theme Team
#373999 Copied
Tagged: authentication, customize google login, google login icon, icon change, woocommerce google authentication, woocommerce templates, wordpress
Viewing 2 results - 1 through 2 (of 2 total)