How to fix google login button layout

google login button has a broken layout like in the image, how do i fix this?

Attachments:

You must be logged in to view attached files.

Hi itsarjunc,

Thanks for reaching to us.

First of all, I’m really sorry have taken long time to reply you due to the weekend.

Please provide URL of the mentioned page, so I can take a closer look.

Regards,
Hung PD

Sure, please have a look at the shared link.

Hi itsarjunc,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

div.wd-social-login .login-goo-link:before {
    inset-inline-start: 5px;
}

Regards,
Hung PD

Yes, that seems to be working! Thanks a lot! How do i change that icon itself?

Hi itsarjunc,

Please use below CSS code:

div.wd-social-login .login-goo-link:before {
    background: no-repeat center / 16px url(url) #fff;
}

url – replace with url of new image, and the resolution should be 18×18.

Regards,
Hung PD

Thanks Hung, it works!

Hi itsarjunc,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,
Hung PD

[Author]

Posts