Tutorials

Basic Use

cleanQuotes comes with 2 Stacks.

One is a Containing stack (use this to create a cleanQuotes section).

cleanQuotes Stack

The other is an Inner stack (drop this inside cleanQuotes Container section to create individual Testimonial sections). Be certain to place each inner section directly below or above each other and not inside one another or outside the Containing stack (these will break the stack from working properly).

cleanQuotes Inner Stacks

Each of these sections can be customized. The container section will control customization for that entire cleanQuotes section. The inner section will control customization options only for that individual testimonial.

Built-in Quote Icons (v 1.0+)

The built-in quotation icons can only be inserted in the Customization Options when using the Quote Box theme. All other themes must manually insert them, which can be done by simply dragging and dropping them in. You can float the quote icon left or right by using the Edit Image icon and choosing Float Image Left (or Right).

You can easily create your own as well with a simple word software – change the font and color to whatever you desire and type CMD + Shift + 4 and highlight the quotation symbol.

Adding Custom Images (v1.0+)

The Quote Box Theme, by default, will display a quotation image in the upper left corner of the testimonial. There are 5 built-in quotations that are displayed, though you can add your own image if you choose to do so.For the URL’s to be displayed on your images you will need to have published your website at least one time – if not these steps can be performed after your first publish.

1. Upload the image into the Resources section of RapidWeaver’s Edit Mode.
2. Click the image and select the clipboard icon (this will copy the URL to your clipboard)
3. Paste the URL (CMD+V) into the Custom Image section under General Controls in the cleanQuotes Container section (Make sure the Custom Image Icon checkbox has a check mark as well).

cleanQuotes Author Icon

*This process is the same for the “Author Icon URL” option inside individual testimonial sections.

RapidWeaver Stack Tutorials

RapidWeaver Theme Tutorials

RapidWeaver Project Documentation

Tutorials and documentation for all 1LD Project files can be found at the link below.

See Documentation

Get the power of a framework, for the price of a theme, in the convenience of a prebuilt RapidWeaver project file

Blog

Movable Windows

Move beyond the confines of static content layouts! Movable Windows allows your page visitors to effortlessly drag and reposition custom content windows anywhere in the browser viewport. Windows can be minimized to free up space and stay fixed to the browser viewport so they are always accessible.

Resize & Minimize

Windows can be resized to take up more or less space, or maximized to fill the entire screen. But that’s not all – these windows are like handy sidekicks, always ready to assist. Need quick reference? No problem! Windows can be minimized when not in use, saving precious screen space for what really matters – your page content.

Inline

Open windows stay fixed on screen so they are always accessible. Minimized windows have three modes to choose from. “Inline” keeps it in line with other content, “Fixed” is always on screen, and “Draggable” lets you move it around while minimized.

Customizable

It’s not just about functionality; it’s about style too. Customize your windows by size, position, and color. Add in text, images, forms, links – you name it! Want a little more flair? Allow window resizing, choose whether they start minimized or open, change the toggle icon, or hide the window title when minimized.

Check it out!

 

 

© 2011 One Little Designer, 1 Little Designer (1LD)

RapidWeaver is a trademark of Realmac Software