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 eillipses (. . .) 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.