Return to previous page

Facebook button - by Eduard - on WordPress WooCommerce support

This topic has 9 replies, 3 voices, and was last updated 5 years ago ago by Rose Tyler

Eduard

Participant

April 11, 2019 at 19:05

good day, how do I change the facebook login button with another icon?

like this?

https://prnt.sc/naoikq

#212309 Copied Theme version: 5.1.6 WooCommerce version: 5.1

8 Answers

Rose Tyler

Support staff

April 12, 2019 at 08:25

Hello,

Copy etheme_faceboook_login_button function from xstore/framework/theme-functions.php into functions.php file of your child-theme and edit content there.

Regards

#212329 Copied

Eduard

Participant

April 12, 2019 at 08:43

I do not understand, I just want to change the icon because they warned me on facebook that it’s not good

#212330 Copied

Rose Tyler

Support staff

April 12, 2019 at 09:09

We are using own icon there https://prnt.sc/nawk79 Could you, please, let me know why it is not good?
You can edit this content https://prnt.sc/nawl00 depends on your needs via the child-theme.

Regards

#212332 Copied

Eduard

Participant

April 12, 2019 at 14:25

Hi,

Thank you for your response.

We apologize for the vague initial message. We don’t mind the text on the button, but we do mind the “f Logo” which is located on the button. It is not in compliance with our Platform Policies and we would kindly ask you to change it to the logo available at https://en.facebookbrand.com/assets/f-logo/?audience=landing or to use the complete button found at https://developers.facebook.com/docs/facebook-login/best-practices#buttondesign .

We hope that it’s a bit more clear now. We’re looking forward to hearing from you!
Thanks,

Luka

#212363 Copied
Olga Barlow

Support staff

April 12, 2019 at 17:47
Hello,

If you want to change the style of the FB icon to something like this http://prntscr.com/nb4hw8 then add the following code to get the following http://prntscr.com/nb4iat (Theme Options > Custom CSS)
```
.et-facebook-login-wrapper i.et-facebook {
    background-color: #fff;
    color: #4f6ba3;
    padding: 2px 0 0 4px;
    border-radius: 2px;
}
```
Let me know if it suits your needs.

Regards
#212378 Copied
Eduard

Participant

April 15, 2019 at 09:01

ok it is fine thanks

#212414 Copied

Eduard

Participant

April 15, 2019 at 09:07

i have a question if I update to thema something happening to the configuration and custom css?

#212415 Copied

Rose Tyler

Support staff

April 15, 2019 at 09:21

Hello,

You won’t lose custom CSS code after the update.
We would recommend creating a backup of your files and database before starting the update process. Your theme options could be exported in a file (Theme Options > Import/Export > Options > Export Options) to be able to restore the site to the previous state if something goes wrong.

Regards

#212418 Copied
Viewing 9 results - 1 through 9 (of 9 total)