The Curry Senior Center in downtown San Francisco had a working site. Not bad at all: nice images, lots of content, good navigation. Hard to beat, but WOO Canvas and Slider Pro, it sure makes the job easier. With the flexible framework, we’re able to easily use complex elements (inserting code to pull a slider into the home page, for example) while at the same time using the out-of-the-box features of Canvas such as font styling, cool blockquotes, and even nav bar hover over styling. Whew! Woo!
Because there are so many style features built right into the WordPress admin panel, logged-in users can change quite a bit of the design of the site. They can change styling for widget headers, all of the headings (Heading 1, Heading 2, etc.), link color, footer customization, logo positioning, header padding … the list goes on and on. It’s a powerhouse in there and the more we play, the more we like.
We did some fancy WOO Canvas Top Nav Styling to get that top navigation over to the right, down a bit, and above the main nav. With the right side colors flowing out to the right, we had to make that main navigation transparent and place the nav on top of the black bar that we made part of the background, otherwise it was too much tweaking in the variety of browsers. With custom CSS styling on a per-menu-item basis, we can stylize individual menu items easily (this is with CSS). For example, Donate is bold and Volunteer is not.
Slider Pro is a new kid on the block. Well, our block anyway. Loaded with features, styles, and configurations, it makes adding and then styling a slider a breeze. Took a little doing to get rid of some of the outer borders and such, but once we got it cleaned up and loaded in the right place, it looks great and works perfectly. Didn’t notice a lag time on the loading either.
On a final techno babble note, we had some trouble with background positioning with IE 7 and IE 8. Took some CSS voodoo, but finally got things looking as best they were going to look in those nasty browsers. We’re no longer even looking at anything in IE 6.
Before
After
