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 Block 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-block

Content Block
nameReference
rich-link-hoverstrue
id1434454811
classpage-pattern-heading reference-reference-flex
ParameterDescriptionExpected InputExample Value(s)
Placement*

Defines how to apply this block when joining other pages.

  • top - Inserts this block above respective blocks on the page.
  • bottom - Inserts this block below respective blocks on the page.
  • ignore - Omits this block from the page.
Drop-down menu selection
  • top

  • bottom

  • ignore

CSS ClassFacilitates styling the block.CSS class name(s); space-separated if more than one
  • my-css-class01

  • my-css-class02

IDUniquely identifies the block on the page.Positive integer
  • 605235642

Name

Defines a name for the block.

Useful when including the block's content on another page or converting the block to a tab.

Text string
  • Bio

  • Quarterly Report

Never TabbedToggles the block between tabbed and non-tabbed presentation.Check mark 
Defer Loading

Toggles the loading of this block's content after everything else on the page.

Only use this option for slow-rendering block content.

Check mark 
Alternate DesignToggles between the default or alternate block design as defined in the theme.Check mark 
Hide on MobileToggles the visibility of this block when viewed on a mobile device.Check mark 
HeightSets the height of the block.Pixels
  • 500px

MarginCreates space around the block.Pixels
  • 6px 12px 6px 12px

PaddingCreates space within the block, between the content and the block's borders.Pixels
  • 4px 4px 4px 4px

Background ColorDisplays a color behind the block'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 block's content.Image filename
  • background-image.png

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

Background Image PositionDefines the position of 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 block's content.CSS color value; Theme Press color reference
  • #808284

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

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

  • 30%

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

Border WidthDefines the pixel size of the block's border.Pixels
  • 4px

Border StyleDefines the style of the block's border.CSS border-style values
  • solid

  • dotted

  • dashed

  • double

Border ColorDefines the color of the block's border.CSS color value; Theme Press color reference
  • $secondaryColor

  • red

  • #7AD67B

Border RadiusDefines the amount of rounding on the corners of the block's border.Pixels
  • 20px

Shadow ValuesDefines values for creating a box shadow behind the block.CSS box-shadow values
  • 5px 5px 5px #262626

From LayoutTheme Press value used during page assembly; NEVER set this value.  
Meta PropertiesAllows the first heading to set the meta title, remaining text to set the meta description, and the first image displayed to be the meta image. (Useful for rich link displays and SEO.)Check mark 
Collapsible

Defines the initial visibility of the block.

Toggles between initially expanded (showing), initially collapsed (hidden), or initially collapsed when viewed on mobile phones.

Drop-down menu selection
  • [no selection]

  • collapse

  • collapse on mobile

*Only applicable when configuring blocks in page layout architect pages.

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