Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Content Layer
namePage Info
id821023944
classwatermark-layer
Content Column
namePage Body
width100.00002%
id821023946
Content Block
background-colortransparent
namePrompt
rich-link-hoverstrue
id821023943
classtight reference-prompt-flex

Content Column macro key and configuration options.

Content Block
nameKey Title
id596290343
classtight-bottom reference-keytitle-flex

Key

Content Block
nameKey
id596296580
classtight reference-key-flex

HTML Wrap
tagspan
classmacro-key

content-column

Content Block
nameReference
rich-link-hoverstrue
id1434454811
classpage-pattern-heading reference-reference-flex
ParameterDescriptionExpected InputExample Value(s)
CSS ClassFacilitates styling the column.CSS class name(s); space-separated if more than one
  • my-css-class01 my-css-class02

IDUniquely identifies the column on the page.Positive integer
  • 605235641

NameDefines a name for the column.Text string
  • Table of Contents

Tabbed Blocks

Defines how all blocks in the column will be displayed by default.

Toggles between non-tabbed, tabbed, and expanding blocks.

Drop-down menu selection
  • [no selection]

  • tabbed

  • expanders

Alternate DesignToggles between the default or alternate column design as defined in the theme.Check mark 
Hide on MobileToggles the visibility of this column when viewed on a mobile device.Check mark 
Width

Defines the percentage value for the width of the column.

Percentage (of the width of the layer's content container)
  • 50%

Background ColorDisplays a color behind the column's content.CSS color value; Theme Press color reference
  • $primaryColor

  • blue

  • #F0F0F0

Background Image from ThemeDefines an image from the current theme to display behind the column's content.Image filename
  • background-image.png

Background Image from PageDefines an image, attached to the current page, to display behind the column's content.Image filename
  • background-image.png

Background Image PositionDefines the position value for the background image.CSS background-position values
  • left top

  • center center

  • 0% 50%

  • 20px 10px

Background Image RepeatDefines the repeat value for the background image.CSS background-repeat values
  • repeat

  • repeat-x

  • repeat-y

  • no-repeat

Background Image SizeDefines the dimensions of the background image.CSS background-size values
  • 800px 600px

  • auto

  • cover

  • contain

Gradient TopDefines the top gradient color to display behind the column's content.CSS color value; Theme Press color reference
  • #808284

Gradient BottomDefines the bottom gradient color to display behind the column's content.CSS color value; Theme Press color reference
  • $mediumColor

Gradient StartDefines the starting point of the gradient relative to the top of the column.Percentage (of the column's total height)
  • 0%

  • 30%

Gradient StopDefines the stopping point of the gradient relative to the top of the column.Percentage (of the column's total height)
  • 100%

From LayoutTheme Press value used during page assembly; NEVER set this value.  
Content Block
nameInfo
rich-link-hoverstrue
id870649931
classreference-info-flex
collapsiblecollapse
Info

If using:

  1. Replace me with something to note about the content on this page that falls outside the scope of the Reference section; and
  2. Add the tight-bottom class to the Reference block above to narrow the gap between the two blocks.
Content Layer
background-color$lightGrayColor
nameRelated
id1407948505
Content Column
nameRelated
width100%
id1407948506
Content Block
rich-links-hide-descriptiontrue
rich-links-hide-site-namefalse
rich-link-hoverstrue
rich-links-columns4
rich-links-verticaltrue
rich-links-image-height100px
rich-links-hide-site-icontrue
rich-links-details-padding10px
nameRelated
rich-links-enabletrue
rich-links-details-alignmentleft
rich-links-margin20px 30px 0 0
id833591344
classrelated-block clean reference-related-flex