Word documents in Microsoft Office Online have grey background

I am using Firefox 60.0.1 on Ubuntu 17.10 x64, and every Word document in Microsoft Office Online has grey background. How can I make it white?

Hi,

We would like to verify if this concern has already been resolved. If so, kindly post the troubleshooting steps you've performed in resolving the background issue.

We'll keep an eye out for your response.

Did this solve your problem?

Sorry this didn't help.

Great! Thanks for marking this as the answer.

How satisfied are you with this reply?

Thanks for your feedback, it helps us improve the site.

How satisfied are you with this response?

Thanks for your feedback.

No, it's still unresolved in Firefox.. But I tried it in QupZilla 2.1.2, and it is white there.

1 person was helped by this reply

·

Did this solve your problem?

Sorry this didn't help.

Great! Thanks for marking this as the answer.

How satisfied are you with this reply?

Thanks for your feedback, it helps us improve the site.

How satisfied are you with this response?

Thanks for your feedback.

It could be a possible issue with the browser itself. Have you tried contacting Firefox Support Team regarding this issue? They can provide in-depth assistance that can help you with your concern.

Looking forward to your response.

Did this solve your problem?

Sorry this didn't help.

Great! Thanks for marking this as the answer.

How satisfied are you with this reply?

Thanks for your feedback, it helps us improve the site.

How satisfied are you with this response?

Thanks for your feedback.

This is caused by document background CSS specifying background color as 'window', which should use your OS theme window background color (for some reason Chrome treats the same setting as white).

To override this behavior you can add a custom style to userContent.css:

  1. Locate your profile directory by going to about:support and clicking 'Open Directory' button under 'Profile Directory'. That should be something like /home/<username>/.mozilla/firefox/<id>.default/
  2. Open 'chrome' directory inside your profile dir. If it doesn't exist, create one.
  3. Open userContent.css file in your 'userprofile/chrome' directory. If it doesn't exist, create one. Mind that name is case-sensitive.
  4. Add the following block to userContent.css:
@-moz-document domain(live.com) {
div.WordLastSectionBackground {
background-color: white !important;
}
}

That should make your documents have white background.

8 people were helped by this reply

·

Did this solve your problem?

Sorry this didn't help.

Great! Thanks for marking this as the answer.

How satisfied are you with this reply?

Thanks for your feedback, it helps us improve the site.

How satisfied are you with this response?

Thanks for your feedback.

The userContent.css fix only works for the visible top of the page. As soon as you scroll down, it's grey again.

See screenshot

Did this solve your problem?

Sorry this didn't help.

Great! Thanks for marking this as the answer.

How satisfied are you with this reply?

Thanks for your feedback, it helps us improve the site.

How satisfied are you with this response?

Thanks for your feedback.

Hi OlofA1,

Are you using a browser? In my post above, I suggested the original poster to use different browsers. If you are using a browser, have you tried doing that? If you're using a Word app, I suggest updating Office and see if the issue will persist.

To notify us and have us get back to you, simply reply to this post.

2 people were helped by this reply

·

Did this solve your problem?

Sorry this didn't help.

Great! Thanks for marking this as the answer.

How satisfied are you with this reply?

Thanks for your feedback, it helps us improve the site.

How satisfied are you with this response?

Thanks for your feedback.

Hi OlofA1,

Are you using a browser? In my post above, I suggested the original poster to use different browsers. If you are using a browser, have you tried doing that? If you're using a Word app, I suggest updating Office and see if the issue will persist.

To notify us and have us get back to you, simply reply to this post.

"Are you using a browser?"

Not sure why you ask this. Are you just copy-pasting replies without reading the thread?

As you can see in my screenshot i am talking about the CSS fix for Firefox web browser. You can also clearly see in the screenshot that i use Firefox. The cause of this bug has already been identified as a CSS-related bug that appears in Firefox. I am only reporting that the suggested fix above involving userContent.css does not fix the problem completely.

However, i managed to fix it by modifying the CSS code like follows:

@-moz-document domain(live.com) {
div.WordLastSectionBackground {
background-color: white !important;
}
div.Outline {
background-color: white !important;
}
}

10 people were helped by this reply

·

Did this solve your problem?

Sorry this didn't help.

Great! Thanks for marking this as the answer.

How satisfied are you with this reply?

Thanks for your feedback, it helps us improve the site.

How satisfied are you with this response?

Thanks for your feedback.

Hey OlofA1, original fix author here :)

I checked my userContent.css and turns out I also added styling for div.Outline, apparently after posting a partial fix here.

Glad you figured it out too. Cheers!

2 people were helped by this reply

·

Did this solve your problem?

Sorry this didn't help.

Great! Thanks for marking this as the answer.

How satisfied are you with this reply?

Thanks for your feedback, it helps us improve the site.

How satisfied are you with this response?

Thanks for your feedback.

 
 

Question Info


Last updated June 19, 2020 Views 2,651 Applies to: