1LD Tutorials & Blogs

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

Scroll Shift Stack

Scroll Shift Screenshot

Scroll Shift is the ultimate tool for adding seamless scroll-based animations to your web design projects. Create captivating and engaging websites by effortlessly animating elements as the user scrolls through the page. This tool can bring your designs to life with smooth transitions, eye-catching movements, and precise timing.

Create captivating visuals by linking multiple elements together to form a stacked layer effect. These elements can separate and come together to form a unified element, adding depth and dimension to your designs. The possibilities are endless as you craft intricate animations that leave a lasting impression.

Drive attention to essential content by implementing animations that trigger only when the user scrolls past a specific section. By strategically timing the animations, you can ensure that users take notice of crucial information and engage with your content effectively.

Check it out!

Latest News

Newsletter

Join our newsletter to get notified of new releases, updates, and discounts.

Subscribe

Popular Links

Free Stacks & Themes
See Order History
Product Tutorials
FAQs

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

RapidWeaver is a trademark of Realmac Software