Fixing BruDirect’s Grey Container of Emptiness

If you have a problem with BruDirect website showing a grey box instead of showing the content, read on for have several workarounds/fixes

The problem:
Grey box instead of content as shown in the screenshot below:

Workaround (temporary fix that needs to be repeated)

  • For any browser (though doesn’t seem to work in Opera): Click the small “Decrease Font Size” button at the top of the screen

  • For Opera:
  • Shift + G to disable styles

Fix (once configured will be fixed even if browser/computer is restarted)

  • For Firefox:
    • Add a userContent.css in your profile/chrome directory
      • OS X: ~/Library/Application Support/Firefox/Profiles/[random 8 characters].default/chrome/
      • Windows: %appdata%MozillaFirefoxProfiles[random 8 characters].defaultchrome
      • Linux: ~/.mozilla/firefox/[random 8 characters].default/chrome
    • Add the following code into the file
    • @-moz-document domain( { span {
      font-size: 11px;
    • Restart Firefox and the menu bar text should be smaller and fit on a single line
  • For Opera:
    • Create a “brudirect.css” file
    • Add the following code into the file span {
      font-size: 11px;
    • Right click the page > Edit Site Preferences > Display Tab > My Style Sheet
    • Select the “brudirect.css” file that was created
    • Refresh the page

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.