Content Column macro key and configuration options

Key

content-column

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.  

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.
  • Replace me with a link
  • Replace me with a link
  • Aim for 4 or fewer related links.  If we need more, that's okay.  Be judicious.  Delete me when you're done.