Content Block macro key and configuration options.

Key

content-block

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.

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.