New Theme: Superhero

I have been meaning to find a new change of clothes for this blog, which is good, since I instantly fell in love with Superhero by Oscar Winner Theme Wrangler Michael Cain.

There are a few things that I don’t like about the stock theme, but I love a theme that encourages me to alter it, which is probably why I didn’t really feel at home with Twenty Twelve. Superhero has a lovely fixed header, one which stays at the top of the browser no matter how far you scroll down, but fixed headers make me claustrophobic, so I fixed (or un-fixed) the header with this bit thanks to the Custom Design upgrade:

#masthead-wrap {
    position: absolute;
}

You might also notice that Superhero has a prominent red and yellow accent color scheme, which really aren’t my favorite colors. Superhero will have support for Custom Colors eventually, but until then, changing colors is just a matter of identifying the colors, finding them in the theme’s CSS, and copying and pasting the sections with new colors into Custom Design’s CSS tab or the shiny new Customizer. That was easy, especially with the Customizer, but finding colors on the opposite end of the spectrum which complemented each other just as well as the default red and yellow was what took the longest.

With the colors set, it was time for some fonts. You may recognize my two best font friends, Orbitron for the title and Ubuntu for the headings. Since Open Sans is not yet available in Custom Design, I went with Proxima Nova for the body text instead.

So, there you have it, a new theme which should stick around for a few months. To celebrate, here’s Superhero from Trocadero.

4 thoughts on “New Theme: Superhero

  1. I like what you’ve done with the theme! I had originally considered adding an option to fix/unfix the header, but decided to let enterprising users do it with Custom CSS :)

  2. I don’t mind the red and yellow, I like the way it brightens up my site without being too gaudy… :)

    I just wish it looked better with BBPress…

Leave a Reply

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

WordPress.com Logo

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

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s