blog-tutorial-post-template

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

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