In a support discussion titled ‘How to simply swap the header logo with CSS to make your site look work related!’, WaitroseCarpark shares a CSS snippet to replace the default Discourse header logo with a custom one, helping users make their site appear more work-appropriate — specifically for themes like ‘Marketing Growth Hacking’. The CSS adjusts display, background image, width, height, and padding to fit the new logo. codinghorror humorously suggests adding a ‘Boss Key’ feature for full workplace camouflage, referencing the Wikipedia entry on Boss Keys. Stephen jokes about escalating workplace伪装 with plugins that quiz users on obscure manual lines or adult knowledge, which Mixonepa invites them to sample. tempogain confirms the CSS works well on the Dark theme for aesthetic purposes. The thread blends practical CSS advice with lighthearted workplace-themed humor.
Can’t post to How-To category so thought I’d post here.
Lots of my users requested an alternative theme as the default made it obvious they were not on a work-related site. So I created a new theme they could choose so that if someone glanced at their screen it would look broadly work-related (‘Marketing Growth Hacking’).
I copied the default Light theme, uploaded the new banner and added this custom CSS:
/* Switches header */
.d-header #site-logo {
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: url(https://your.logo.url/here.png) no-repeat;
width: 461px; /* Width of new image */
height: 45px; /* Height of new image */
padding-left: 461px; /* Equal to width of new image */
}
Of course you should change the width/height/padding to match your new logo.
What’s next, a plugin which asks for the word from a specific page and line of the user manual? Or an “age check” which quizzes adult knowledge not on Wikipedia or Urban dictionary?