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. Hope this helps someone.

Heh.. you need to add a Boss Key in a theme or plugin as well for full effect. Boss key A boss key, or boss button, is a special keyboard shortcut used in PC games or other programs to hide the program quickly, possibly displaying a special screen that appears to be a normal productivity program (such as a spreadsheet application). One of the earliest implementations was by Friendlyware, a suite of entertainment and general interest programs written in BASIC and sold with the original IBM AT and XT computers from 1982 to 1985. When activated (by pressing F10), an ASCII bar gra Th...

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? Actually I would quite like that.

Thanks, works great on our Dark theme for aesthetic purposes.

How to simply swap the header logo with CSS to make your site look work related!

Product Support

codinghorror (Jeff Atwood) March 8, 2019, 12:00am 2

Heh.. you need to add a Boss Key in a theme or plugin as well for full effect.

Topic		Replies	Views
Any way to change at what width the small logo appears? Development	8	294	July 29, 2026
Different logos for light/black theme? Product Support	11	5925	March 29, 2022
Logo, aka. shortcut to home, is hidden on full-width themes Site feedback	2	332	April 2, 2024
Disable the topic to show in the header / change logo size Feature	6	2173	July 23, 2015
CSS to increase height of logo and header in dektop <> Mobile view Development css	16	1272	January 31, 2024

How to simply swap the header logo with CSS to make your site look work related!

Related topics