Boxes

Clever-Pants Logo Feature (CPLF)

The CPLF allows you to paste a logo just left of your main page header title. This frees up the main RapidWeaver site logo (accessed in RW's main "Setup" panel) for something else - just where the tastefully designed "bargain bucket price star" appears on this demo site. Nice.

On this page I have replaced the delightful Boxes logo with a little badge I made for my own photo website.

Logo Sizes

If you want to use the CPLF, your logo (or other content) should be a maximum of 90(w) x 69(h) pixels, saved as a PNG file on a clear background.

If you want to add a logo using the Rapidweaver "site logo" feature, make sure your artwork is not bigger than 75 pixels high.

The Future...

One day, someone will show me how to write some clever code to allow 'drag and drop' functionality for the CPLF, but right now you'll have to be content with this "long hand work around fudge"...

Remove Default Boxes Logo

You can also remove the logo completely by toggling the "Remove" option in the "Styles Palette" of the "Page Inspector".

This will align the main page header to the left of the page.

Adding Your Logo using CPLF

Now most code warriors will be able to open the theme's CSS style sheets fand replace the default logo image in two shakes of a monkey's tail.

But for those of you, who may want to replace the Boxes logo that ships with this theme, but are less inclined to tinker with code for fear of nausing the whole page up, you need to follow these three simple steps:

1. Ensure the "Default" option is toggled on in the CPLF pages "Styles Palette".
2. Add your replacement logo to the page's "Assets" on the "Header" page of the "Page Inspector".
3. Paste the following code in the "CSS" panel of the "Header" page in the "Page Inspector", replacing your logo's name tag in the code.

#pageHeader h1 {
background: url(assets/MYLOGONAME.png) no-repeat;
}

Repeat these steps for every page you want to change.