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(brudirect.com) {
a.link 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
    a.link 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