Custom Forum Css for Firefox

If you're using firefox and would like to modify how the forum looks you can do so by overriding things in userContent.css.

To create/edit userContent.css

-Go to your firefox profile folder.  (Help -> Troubleshooting Information -> Profile Folder)

-Go into/create "chrome" folder

-Create/edit userContent.css

Here's an example that I've been playing with (it only modifies thread posts so far).  It removes the "title" on each post and tweaks the style on each post so in my opinion they flow from one to the other a bit better.  I've attached an image of it.  Of course you can expand and tweak to your liking.  Note that you have to restart firefox in order to pick up new changes.

 

@-moz-document domain(juce.com) {
div.forum-post-title {
  display:none;
}
div.forum-post {
  background:#7D8A8F !important;
  border-radius:0 !important;
  margin:0 !important;
}
.forum-post-wrapper {
  border-radius:0 !important;
}
.forum-post-info {
  padding-top:4px !important;
  padding-bottom:4px !important;
}
.forum-post-footer {
  padding-top:4px !important;
  padding-bottom:4px !important;
}

}

 

 

Thanks Graeme,

you've made my day!