stacks_image_B155EF83-818A-4078-BE96-1EC7071CDF3F

ExtraContent

Boxes Pro has 4 main ExtraContent areas built into it.

EC areas 1 has replaced my 'Clever Pants Logo Feature" (CPLF) from the original Boxes theme. If you're using a Stacks page you can now simply drag and drop an extra image file into an EC Stack and it will appear in the page header. On this page I added a photo montage and outlined this in red. Images should be maximum 80px high by 100px wide, but of course if your using Stacks you can scale your image with the Stacks palette.

EC 2 is in Side Sliding Panel. This panels can be turned on and off in the Styles palette and is ideal for your social networking stuff and there are various buttpns to choose from.

EC Area 3 runs across the top of the main content area - ideal for an animated banner etc. The Bannerzest example above includes all the Apple images included with the theme for Pageheaders.

EC Area 4 (at bottom in red box) runs across the width of the main content area, allowing you to flow content under the sidebar.

I have added some styling to EC areas 5, 6 & 7, so you can jazz up any normal content box on your site. You can select this styling by changing the EC "id" number to match the styling you are after. See the sidebar on this page for more details.

myExtraContent 5

Select EC area "5" when adding your EC area to yout page and it will look like this.

myExtraContent 7

Select EC area "7" when adding your EC area to yout page and it will look like this.

myExtraContent 6

Select EC area "6" when adding your EC area to yout page and it will look like this.
stacks_image_3B7788BE-E4EF-4D86-BAA5-5F033B3101D3

ExtraContent

Boxes Pro is powered by ExtraContent which gives us lots of handy extra areas and styling options.

These three columns have been pasted into ExtraContent area "4" , which allows you to flow content under the main Sidebar for a cleaner finish.
stacks_image_9D196526-B00C-4F20-B1A6-5A477138E047

ExtraContent

Boxes Pro is powered by ExtraContent which gives us lots of handy extra areas and styling options.

These three columns have been pasted into ExtraContent area "4" , which allows you to flow content under the main Sidebar for a cleaner finish.
stacks_image_D115D64F-878B-429C-AA30-F75BE571F870

ExtraContent

Boxes Pro is powered by ExtraContent which gives us lots of handy extra areas and styling options.

These three columns have been pasted into ExtraContent area "4" , which allows you to flow content under the main Sidebar for a cleaner finish.
stacks_image_3C970B54-793F-4D91-9C90-29B8DBF89546

Extra Content

Well done, if you've clicked the "info" button you've unearthed Boxes Pro's Extra Content Area "2".

I thought this area might be quite handy for a bio or for quotes, project references or social media stuff like a Twitter feed. I have also included a Twitter snippet with this theme.
stacks_image_3099FC93-5DEE-42C3-BD87-5142426E8944

Parameters

The space is set to be 400 pixels wide (this is set by the JQuery animation), but you can adjust the height by fiddling with this code and pasting it in to the CSS panel of the Header section of the RapidWeaver page Inspector:

#quotz { height:450px; }
Modifying EC Areas