1LD Tutorials & Blogs

Tutorials

General

Max Width

Sets the maximum width of the slider

Min Height

Sets the minimum height of the slider

Radius

Sets the corner roundess of the slider

Responsive Point

The responsive pixel breakpoint


Nav

Max Width

Sets the maximum width of the nav section on the left

Padding

Sets the inner padding of hte navigation section

Item Size

Sets the font size of the nav item text

Item Font

Sets the font family for the nav item text

Item Padding

Sets the inner padding of the nav items (space around them)

Item Blur

Controls the amount of blur for the items that are not active

Arrow

Sets the size of the navigation arrow button

Arrow Icons

Sets the size of the navigation arrow icons

Arrow Radius

Sets the corner roundness of the navigation arrow buttons


Content

Padding

Sets the inner padding of the content sections

Header Font

Sets the font family for all header tags in the content section

Text Font

Sets the font family for all text in the content section


Stack Colors

Nav Item

Sets the text color of the nav items

Arrow BG

Sets the background color of the navigation arrow buttons. It can be set for the initial state and the hover stacte.

Arrow Icons

Sets the color of the arrow icons. It can be set for the initial state and the hover stacte.

Nav Background

Here you can set the background for navigation section to the left. It can be set to:

  • Single Color
  • 2 Color Gradient
  • 3 Color Gradient
  • Image

Content Background

Here you can set the background for ontent section to the left. It can be set to:

  • Single Color
  • 2 Color Gradient
  • 3 Color Gradient
  • Image

Custom Styles

Items can have their own custom styles, such as a custom nav item text color, custom background color, and custom content text color. Click on an individual item to set custom colors~

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