The web designers over at RocketTheme have done a fine job in making their free Afterburner template for phpBB, and I’m very grateful for all the open source scripts they provide. However, I encountered a number of fairly basic, yet fundamental bugs whilst using the template – all very easy to fix. Since RocketTheme require that I pay a minimum of $50 to register on their forums, I’m going to be a cheap-o and post the bug fixes here. Hopefully they will be of use to anyone using the template.

Warning: backup all files before performing any changes!

First bug: lists are not displayed in posts and signatures

Open /styles/afterburner/theme/content.css. Find:

.content ul, .content ol {
margin-bottom: 1em;
margin-left: 3em;
}

Replace with:

.content ul, .content ol {
margin-bottom: 1em;
margin-left: 3em;
padding-left: 2em;
}

Find:

dd .signature {
margin: 0;
padding: 0;
clear: none;
border: none;
}

After add:

.signature li {
list-style-type: inherit;
}

.signature ul, .signature ol {
margin-bottom: 1em;
margin-left: 3em;
padding-left: 2em;
}

Second bug: quote block is not showing – no style formatting to distinguish quoted text from normal text

Open /styles/afterburner/theme/content.css. Find:

/* Quote block */
blockquote {
background: #ebebeb none 6px 8px no-repeat;
border: 1px solid #dbdbdb;
font-size: 0.95em;
margin: 0.5em 1px 0 25px;
overflow: hidden;
padding: 5px;
}

Replace with:

/* Quote block */
blockquote {
background: #ebebeb url("{T_THEME_PATH}/images/quote.gif") 6px 8px no-repeat !important;
border: 1px solid #dbdbdb !important;
font-size: 0.95em !important;
margin: 0.5em 1px 0 25px !important;
overflow: hidden !important;
padding-left: 5px !important;
color: #000 !important;
}

The addition of !important causes the above style settings to override any of the current style settings that the theme employs. The code I’ve given uses the quote block style of the prosilver template, but you can change it to whatever you want. To change the background colour, simple alter #ebebeb.

Third bug: “panel” div classes have no background, and “online” image doesn’t show in the profile

First for a bit of background on this issue (see what I did there?). The RocketTheme guys added a snippet of code in theme/styles.css which resulted in the “panel” div classes not having any background styling. Consequently, this isn’t so much a bug as it is a preference. However, this also means that the “online” image that should show when a user is online (the one that you see by their posts) is not displayed in the profile. LAME!

Panel classes are used in the quick reply form and the member profile view, and you should find when installing Afterburner out of the box that the backgrounds in all of these elements are white (i.e. there is no background!). A completely white profile is too bland for my taste, and the quick reply form’s styling makes it look like it was coded in the stone age. So, the fix:

Open /styles/afterburner/theme/styles.css. Find:

.navbar, .forabg,.forumbg, .headerbar,ul.forums, li.row,div.panel {
background: none;
border: 0px none;
}

Inline, delete:

div.panel

Open /styles/afterburner/theme/colours.css. Find:

.panel {
background-color: #ECF1F3;
}

.bg1 { background-color: #ECF3F7; }
.bg2 { background-color: #e1ebf2; }
.bg3 { background-color: #cadceb; }

Replace with:

.panel {
background-color: #f2f2f2;
}

.bg1 { background-color: #f7f7f7; }
.bg2 { background-color: #f2f2f2; }
.bg3 { background-color: #ebebeb; }

Hope that helps! If you have any questions or need any assistance, my contact details are on the Homepage.