1LD Tutorials & Blogs

Tutorials

General

Z-index

Controls the z-index axis of the stack. Adjust this if you find the Fix stack being hidden by or cover other stacks.

Radius

Controls the corner roundness of the stack

Max Width

Sets the maximum width that the stack can expand

Breakpoint

Determines the pixel widths at whic Tablet and Mobile styles will apply

Columns

Determines the number of columns to display on Tablet and Mobile

Gutters

Determmines the amount of space inbetween items

Fix Items

Radius

Sets the corner roundness of the fix items

Padding

Sets the inner padding of the fix items

Text Size (Desktop, Tablet, Mobile)

Sets the text font size for all device sizes

Icon Size (Desktop, Tablet, Mobile)

Sets the fix item icon size for all device sizes

Icon Spacing

Adjusts the amount of spacing between fix items

Mobile Header

On Mobile devices, the fix menu turns into a toggle which can then be expanded. You can change this mobile toggle here.

Text Size

The font size of the Menu Title

Icon Size

The font size of the toggle icon

Padding

The inner padding of the menu toggle

Stack Colors

Here you can edit all of the colors of the stack. Note that if you want to have custom colors for an item, click on the item itself and click ‘custom colors’

Background (Main Background)

Here you can set the main background of the fix menu

Items Background (Initial & Hover)

Sets the background color of fix items on initial and hover

Item Icons (Initial & Hover)

Sets the item icon colors for initial and hover states

Item Text (Initial & Hover)

Sets the item text colors on initial and hover states

Mobile Header

Sets the background and text color of the mobile header toggle

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