Problem on social login buttons

Hi,

The logo and text on social login buttons are overlapping as attached picture.

I tried this code but it doesn’t work.

.wd-social-login .login-fb-link:before, .wd-social-login .login-goo-link:before {
left: 10px;
}

It will be normal only on register page.
https://studioyasmina.com/my-account/?action=register

Could you check anything wrong on my site? Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Please, provide your site admin access (insert the site credentials into the Private content block under the message area) and confirm the permission for plugins deactivation, switching to the parent or default theme. This testing may take up to 15 minutes. You would better make the full backup of your site.

Best Regards

Hi,

I’m afraid that I can’t provide my site admin access since it has officially launched. Could you advice how to check the problem so that I can check it by myself? Thanks.

Hello,

Please make a copy of your site and move it to a staging platform where we can test, then we will tell you how to solve and fix it without stopping your site.

Best Regards

Hi,

Staging site is ready for you. Thanks.

Hello,

I deactivated the child theme and all the plugins not related to the theme, I have got this result: https://gyazo.com/20da84ad511901fa56360a24068e4ba3
Please activate the plugins one by one checking the login page to detect which plugin causes the problem and then activate the child theme.

Best Regards

Hi,

I activated the plugin Breeze first and cleared all cache then the same error appeared on social login buttons again. Breeze is provided by cloudways which I setup my site on it. Could you check any problem between Breeze and Woodmart theme? Thanks.

Hello,

Please, activate the plugin so we can see the problem now and try to help you.

Kind Regards

Hi,

Breeze has been activated.

Attachments:

You must be logged in to view attached files.

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

:root {
	--btn-shop-brd-radius: 0px !important;
}

Hi,

I added the code to the custom CSS area. It doesn’t work. Any other solution I can do? Thanks.

Hi,

Try to replace previous custom code with the following one and clear site cache

:root body {
  --btn-shop-brd-radius: 0px !important;
}

Kind Regards

Hi,

I replaced the code and cleared site cache but it still doesn’t work.

The CSS is not applied because your pages are in the cache. Please, clear your cache and test again.

Hi,

I use Breeze to clear cache but the social login buttons show icon issue after activating Breeze. It seems this plugin has confliction with Woodmart social login function. Could you access to my staging site again and fix the problem? Thanks.

Try to add the following code snippet to the Custom CSS area in Theme Settings instead

.login-form-side .social-login-btn .btn:before {
	left: 8px;
}

[Author]

Posts