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:

CSS:
  1. #pagestripe {
  2. background: rgb(221,217,215); width: 880px;
  3. }
  4. #page {
  5. width: 880px;
  6. }
  7. #content {
  8. width: 519px;
  9. }
  10. #content.single {
  11. width: 618px;
  12. }
  13. #footer {
  14. width: 610px;
  15. }
  16. #footer.single {
  17. width: 880px;
  18. }
  19. #description, #sidebar {
  20. margin-left: 611px;
  21. }


Tags:

One Response to “A wider Modern theme for WordPress”

  1. Ulf Pettersson » Modern Says:

    […] A wider Modern theme for WordPress » Tri Nguyen Says: March 5th, 2007 at 18:41 […]

Leave a Reply

RSS icon On family, tools, and art

Close
Powered by ShareThis