blog-tutorial-post-template

Tutorials

Article

General

Collapse in edit mode

If this option is checked all content sections will be hidden in edit mode. Useful for compressing content!

Truncate description text

If this option is text, then description text will be cut off at one line with an ellipses (. . .) at the end.

Max width

Determines the maximum width that the stack can stretch

Mobile Point

This determines the point at which the stack will adapt for mobile. basically it is the point at which the article thumbnails will wrap for mobile devices.

List Padding

This refers to the outer padding of the list. There are options for both Vertical and Horizontal padding.

List Radius

Controls the corner radius of the entire list.

Articles

Here you will find the styles for editing articles in their normal list state.

Padding (Vertical & Horizontal)

This controls the padding around the content of each individual list item.

Title Size

Controls the font size of the titles in their list state.

Title Weight

Controls whether or not the title will be bold or normal.

Title Font

Here you can set the font family for the article titles. You can choose between a list of fonts or you can select a custom font by providing a url for the font and a name.

Description Size

Controls the font size of the descriptions in their list state.

Description Font

Here you can set the font family for the article descriptions. You can choose between a list of fonts or you can select a custom font by providing a url for the font and a name.

Image Size

Here you can set the size of the images in the article list state.

Image Radius

This allows you to control the corner roundness of the images.

Image Spacing

Here you can set the amount of space next to the images in the article list state.

Hide Info 1 & 2

There are two information sections in each article. By default one reads “By author name”, and the other reads “posted January 28th, 2018”

You can edit the text for both of these information sections to be anything that you would like. You can also toggle them on or off by clicking on the “Hide Info #” check box.

Info Prefix 1 & 2

Here is where you can edit the actual text that shows up before the info sections

Info Size

Here you can edit the font-size of the info text.

Articles > Expanded

Max width

When expanded the article background covers the whole page, but the content can be contained in a max-width. You can set that here.

Padding (Vertical & Horizontal)

This is the padding around the outside of the article when expanded.

Title Size

Here you can set a new size for the title in the articles expanded state.

Description Size

Here you can set a new size for the description in the articles expanded state.

Image Size, Radius & Spacing

Here you can set a new Size, Radius, and spacing for the article image in the articles expanded state.

Content Text

This controls the default font size for text in the content area.

Font Family

Here you can select a font for the article content.

Back Arrow Size

Sets the size of the back arrow in the top right corner.

Colors

Title

The color of article titles

Description

The color of article description text

Info (Text & Highlight)

Info prefixes will be set to the text color, while custom inputted text will be set to the info highlight color.

Divider Color

There is a small divider between each article item, and also between the article header and content when expanded. Set the color of this divider here.

Content Headers

The color of all header tags (h1, h2, h3, h4, h5) in the article content area.

Content Text

The color of all general text in the content area.

The color of all links within in the content area.

Back Arrow

The color of the back arrow that appears in the expanded state.

Image Icon (Initial & Hover)

When no image is available, a small placeholder icon will appear in its’ place. Here you can set the color of that icon for both its’ initial state, and it’s hover state.

Image Bacgkround

Here you can set a background for the image placeholder/overlay. It can be a single color or a gradient.

Main Background

The main background for articles in both their list & opened state. It can be a single color or a gradient.

Quick Links

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

  • Posted On

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