# Facebook Policy Warning for App

**URL:** https://meta.discourse.org/t/facebook-policy-warning-for-app/113571
**Category:** Support
**Created:** [4월 5, 2019, 5:38오후 UTC](https://meta.discourse.org/t/facebook-policy-warning-for-app/113571 "2019-04-05T17:38:02Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![PatrickH](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickh/32/116296_2.png) [@PatrickH](https://meta.discourse.org/u/PatrickH)
#### Post date: [4월 5, 2019, 5:38오후 UTC](https://meta.discourse.org/t/facebook-policy-warning-for-app/113571/1 "2019-04-05T17:38:02Z")

</div>

i got the following message from Facebook:

> In working to create a great Platform experience for everyone, we ask developers to ensure the apps they build comply with our Platform Policies. Your app webwinkelforum WWC (AppId: 411298116363531) doesn’t comply with the following:
> 
> Platform Policy 8.3: Use a clearly branded “Login with Facebook” button and follow the Facebook Brand Guidelines: [https://www.facebookbrand.com/](https://www.facebookbrand.com/).
> 
> Your Login button doesn’t properly reference Facebook. To fix this issue, you should always use our official SDK for Login. For more information on Login best practices, check out the Login section of our developer documents: [https://developers.facebook.com/docs/facebook-login/best-practices#buttondesign](https://developers.facebook.com/docs/facebook-login/best-practices#buttondesign).
> 
> You can access the full list of our Platform Policies here: [https://developers.facebook.com/policy/](https://developers.facebook.com/policy/).
> 
> Please make the requested changes by 2019-04-11 at 12:00 PST.
> 
> Let us know when you’ve updated your app by replying to this email. If we do not hear back from you, your app will be subject to enforcement. If you have outstanding questions, respond here and we’ll do our best to help.

 ![image](https://global.discourse-cdn.com/meta/original/3X/6/e/6e822e98a8e943da5743ff0495ab29b9d9b4b8b5.png)  
please advice what to do.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [4월 5, 2019, 5:52오후 UTC](https://meta.discourse.org/t/facebook-policy-warning-for-app/113571/2 "2019-04-05T17:52:47Z")

</div>

If you update Discourse these issues should be resolved. We were using an old slightly-off Facebook color for the login button and they don’t allow the `f` logo without a box around it, which I suspect is the issue.

> [@Login with facebook restricted](https://meta.discourse.org/t/login-with-facebook-restricted/110208/):
>
> Today login with facebook on my forum is restricted by facebook team. There is an issue with app compliance and I am unable to resolve this issue. It is required to use a clearly branded login button using the official Facebook SDK. I think facebook wants from us to show a button having Continue with Facebook instead of f with Facebook on login page. please help. Following is the screenshot of the issue in app. All users having an account with Facebook are also restricted.

---

<div class="post-metadata">

### Author: ![RGJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rgj/32/523185_2.png) [@RGJ](https://meta.discourse.org/u/RGJ)
#### Post date: [4월 5, 2019, 6:45오후 UTC](https://meta.discourse.org/t/facebook-policy-warning-for-app/113571/3 "2019-04-05T18:45:34Z")

</div>

> [@awesomerobot](#):
>
> If you update Discourse these issues should be resolved

Would it be possible to cherry pick [UX: Use official Facebook logo · discourse/discourse@cafbb3a · GitHub](https://github.com/discourse/discourse/commit/cafbb3aea77e087a1c9616f02b6be0979cd54241) and [UX: Update brand color, some login adjustments · discourse/discourse@95e8c93 · GitHub](https://github.com/discourse/discourse/commit/95e8c935c55827e7495acc589dde4f8b7c26daae#diff-689419c27839146782821d1c1d093928) to stable?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [4월 5, 2019, 7:57오후 UTC](https://meta.discourse.org/t/facebook-policy-warning-for-app/113571/4 "2019-04-05T19:57:43Z")

</div>

It would be easier to add some CSS, It think there may have been additional follow-up commits to those.

This would solve it. It uses an inline SVG of the correct logo to replace the existing one and updates the background color.

```SCSS
.btn-social.facebook {
  background: #4267b2;
  svg {
    display: none;
  }
  &:before {
    width: 15px;
    height: 15px;
    content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fab" data-icon="facebook" class="svg-inline--fa fa-facebook fa-w-14" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 448 512"><path fill="white" d="M448 56.7v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8v-60.5c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4v67.6h58.4V480H24.7C11.1 480 0 468.9 0 455.3V56.7C0 43.1 11.1 32 24.7 32h398.5c13.7 0 24.8 11.1 24.8 24.7z"/></svg>');
  }
}

```

---

<div class="post-metadata">

### Author: ![RGJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rgj/32/523185_2.png) [@RGJ](https://meta.discourse.org/u/RGJ)
#### Post date: [4월 5, 2019, 8:52오후 UTC](https://meta.discourse.org/t/facebook-policy-warning-for-app/113571/5 "2019-04-05T20:52:54Z")

</div>

Thank you @awesomerobot !!!

Theme component [here](https://github.com/communiteq/discourse-facebook-login-style-fix).

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [4월 6, 2019, 7:25오전 UTC](https://meta.discourse.org/t/facebook-policy-warning-for-app/113571/6 "2019-04-06T07:25:48Z")

</div>


