Currently the <kbd> tag looks like this:

default KBD tag

This is the default look on Stack Exchange, styled to resemble a keyboard key.

However, I understand that different sites can have different styles. For instance, on Arqade the tag looks like this:

Gaming.SE KBD tag

I suggest styling the tag so that it looks like a WP keyboard button. The following CSS seems to give a pretty good result:

kbd {
    color: #fff;
    background-color: #474747;
    padding: 0.5em 0.6em;
    border: 0;
    line-height: 1.4;
    white-space: nowrap;
}

Result:

enter image description here

Thoughts? Any other design ideas for when the site graduates from beta?

  • +1 Looks cool! :) – ItsJustMe Jun 7 '14 at 4:56

Normally, a site's design wouldn't be changed until it has graduated.

A quick glance at our page on Area 51 shows we need to work on the volume of questions being asked, and answered. The stats there also imply that we could do with more avid users (which is also tied to how often people vote) - so get asking, voting and answering :)

  • Ah, didn't know beta sites can't change designs, thanks for the info. Let this remain on the backburner for when we graduate, then. And yes, I agree we need to have more people asking more questions. I've been keeping an eye on the site stats myself. Hopefully once official rollout of 8.1 starts, people will have more questions. – Indrek May 30 '14 at 12:27
  • 2
    One thing I forgot in my answer was that I totally agree that this would be a good idea; as well as following Windows Phone design for other things -- it'd be great if we could have a pivot type control to switch between newest/frequent/votes/active/unanswered, etc. I'd tagged with design which should catch the designer's eye when we get close enough to graduation... – Rowland Shaw May 30 '14 at 12:57
  • 2
    @Indrek You've serendipitously stumbled onto one of the 7 Essential Meta Questions. :) You might want to expand your original post to solicit additional design ideas. – Ana Jun 3 '14 at 16:20

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .