1LD Tutorials & Blogs

Tutorials

Important: Turn off Consolidate CSS

This theme is not compatible with the “Consolidate CSS” feature. You must disable it for the theme to display correctly.

To do so in RapidWeaver 6, open your Configure menu and under the “Advanced Tab” uncheck the checkbox titled “Consolidate CSS files”.

Consolidate CSS Off

To do so in RapidWeaver 5, open your Preferences menu and under the “Publishing Tab” uncheck the checkbox titled “Consolidate CSS files”.

Consolidate CSS

Custom Background Image

Step 1: Navigate to your Page Inspector > HTML tab > CSS tab.

Page Inspector - HTML - CSS

Step 2: Copy and paste the code from below into the text box.

1
body {background-image:url(%resource(NAME OF RESOURCE HERE)%);}

Step 3: Drag and drop an image you would like to use into your “Resources” section.

Adding an image to your resources

Step 4: After loading your resource, highlight the name of the resource and copy it.

Step 5: Paste the name in-between %resource( & )%);.

When you are finished the code should look this:

1
body {background-image:url(%resource(paisley.jpg)%);}

Note: Your image should be large enough to fill large screen resolutions, otherwise the image will repeat.

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