Sep 07 2008

Indent Page List - Fixed in WP-Andreas09 (kind of)

Category: Berlitz Edinburgh Website, wp-andreas09admin @ 5:48 pm

Well, I experimented with Breukies Pages Widget, looked around for other plugins and basically spent weeks and weeks wondering why my sub-pages wouldn’t indent on the Berlitz Edinburgh Website. Then finally I took a step back and decided to uninstall all these fancy plugins and just try and edit the theme myself! It turned out to be surprisingly simple!

After reading through the guide on Styling Lists with CSS on the Wordpress site, I discovered that what has probably happened is that this theme was designed with an older version of Wordpress in mind. Ainslie Johnson, who ported the andreas09 theme over to Wordpress acknowledges the issue here. In wp-andreas09 the left sidebar is labelled leftside in the stylesheet. I added this code to style.css:

#leftside ul li {
    padding:0 0 0 8px;
}

ul li tells Wordpress to style the 1st level of sub pages.

padding adds space in a clockwise fashion starting at the top. So I added 8px of space to the left.

…and it worked! It’s not perfect though. It’s messed with the aesthetics a bit and the page looks a bit disproportianate now in my opinion. The sub page boxes are to close to the central box. I’ll mess around with this in due course.

Leave a Reply