Sidebar style silliness survey

sidebar-sillyContinuing to examine all six of WordPress.com’s 2-column, flexible-width themes, all but one have what appear to be bugs in their off-the-shelf CSS for the sidebar (ie: widgets).  Here’s a survey.

All of the issues identified below are fairly simple to fix if one has the CSS upgrade.  However, I hope WordPress.com would consider simply fixing the themes to remove these problems. Non-upgraded users would then find more of the themes usable, and CSS-upgraded users would be able to focus on genuine customizations rather than fixes.  The overall impression of wordpress.com would improve. World peace would be a step closer.

WordPress Classic

WordPress Classic

WordPress Classic

Here, the text of the items in all widgets is consistent, except for the “recent comments” widget, which uses a completely different font, font size, style, and a different convention for indicating a link.

CSS problem:

Items in sections like “recent posts” get their style from:

#menu ul ul li

… whereas in “recent comments” the items get their styles from:

#menu ul li

… which has the unwieldy

font-size:110%;
font-style:italic;
letter-spacing
:0.1em;


Rounded

Rounded

Rounded

In Rounded, the  style of the  “recent posts” widget is completely different from the other widgets.

CSS problem:

For starters, all the other widgets are wrapped in a div with class=”sideitem”, but recent posts is not.

Silver is the new black

Silver is the new black In Silver is the new Black, the items in the “Recent Comments” widget have a different style compared to the items in the other widgets.  The arbitrary ALL CAPS is not jarringly odd, it also consumes inappropriately much space given the relative length of RC items.

CSS problem:

Items in Recent Comments get their style from

#menu ul li
(including the obnoxious text-transform: uppercase)

whereas items in other widgets get style from:

#menu ul ul li, #menu ul ul ul li{

Possibly the idiosyncracy is that the recent comments items are list-ified using a table rather than a list, and hence don’t match ul ul li.

Rubric

Rubric

Rubric

In Rubric, again, Recent Comments have an arbitrarily different style, a style that highlights the poster of the comment rather than the topic of the comment.

CSS problem:

Items in Recent Comments get their styles from:

p, td, th, li and also
#menu ul

whereas items in other widgets get their styles from:

p, td, th, li and also
#menu ul ul

Again this looks like a misunderstanding that items in recent comments will be listified using a table rather than a ul.

Girl in Green

girlingreen

Girl In Green

Once again, Recent Comments have a different style for no apparent reason. Here the emphasis is on poster’s names but only if they are not links.

On the other hand, at least in this theme the Recent Comments are not as different as in the preceding themes. That said, it’s difficult to adopt this theme for sites that don’t happen to relate to green girls. (Theme does not support substitution of image, other than with CSS upgrade.)

CSS problem:

Regular <td> text (non-link) inherits color from class body. Contrast this to the “body text” in a blog entry, where text color is overriden (light green).

Shocking Blue Green

Shocking Blue Green

Shocking Blue Green

Shocking Blue Green is the only theme of the group where the widgets have styles that match. Yay!

So if you like green, blue and shocking, this is the theme for you!

Advertisements

Post a Comment

Required fields are marked *

*
*

%d bloggers like this: