A wider Modern theme for WordPress
I’m well satisfied with Ulf Petterson’s excellent WordPress theme, Modern, but for one thing: at 419px, the main content column is just too narrow. Things just won’t fit: 500px-wide, medium-size photos from Flickr; quoted code snippets (unless you prune their line-lengths).
Well, Kevin McGuire worked out how to widen the main column by 100px. It turns out there are seven places in Modern’s stylesheet that need changing. Who’d have known? I widened my theme according to Kevin’s instructions and couldn’t be happier.
To widen Modern by 100px, open the style.css and set the seven widths to the values below:
- #pagestripe {
- background: rgb(221,217,215); width: 880px;
- }
- #page {
- width: 880px;
- }
- #content {
- width: 519px;
- }
- #content.single {
- width: 618px;
- }
- #footer {
- width: 610px;
- }
- #footer.single {
- width: 880px;
- }
- #description, #sidebar {
- margin-left: 611px;
- }
October 11th, 2007 at 8:01 pm
[…] A wider Modern theme for WordPress » Tri Nguyen Says: March 5th, 2007 at 18:41 […]