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 Layer 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-layer

Content Block
nameReference
rich-link-hoverstrue
id1434454811
classpage-pattern-heading reference-reference-flex
ParameterDescriptionValue(s)Example(s)
Placement*

defines how to apply this layer when joining other pages:

  • merge - adds or combines this layer to respective layers on the page
  • top - inserts this layer above respective blocks on the page
  • bottom - inserts this layer below respective blocks on the page
  • ignore - omits this layer from the page
  • merge
  • top
  • bottom
  • ignore
  • merge

CSS Class

facilitates styling the layer using one or more CSS class names (space-separated)

  • CSS class name(s)

  • my-css-class01 my-css-class02

IDuniquely identifies the layer on the page
  • positive integer
  • 1044978409

Namedefines a name for the layer
  • text string
  • Layer One

Margincreates space around the layer
  • pixels
  • 6px 12px 6px 12px

Padding

creates space within the layer

  • pixels
  • 6px 12px 6px 12px

Background Colordisplays a color behind the layer's content
  • CSS value
  • Theme Press value
  • $primaryColor

  • blue

  • #F0F0F0

Background Image from Themedefines an image (from the current theme) to display behind the layer's content
  • image filename
  • background-image.png

Background Image from Pagedefines an image (attached to the current page) to display behind the layer's content
  • image filename
  • background-image.png

Background Image Positiondefines the position value for the background image
  • CSS values
  • left top

Background Image Repeatdefines the repeat value for the background image
  • repeat
  • repeat-x
  • repeat-y
  • no-repeat
  • no-repeat

Gradient Top Colordefines the top gradient color to display behind the layer's content
  • CSS value
  • #808284

Gradient Bottom Colordefines the bottom gradient color to display behind the layer's content
  • CSS value
  • #CCCDCF

Gradient Startdefines the starting point of the gradient; a percentage of the total height
  • percentage
  • 0%

Gradient Stopdefines the stopping point of the gradient; a percentage of the total height
  • percentage
  • 100%

Border Widthdefines the size of the layer's border
  • pixel
  • 4px

Border Styledefines the style of the layer's border
  • solid
  • dotted
  • dashed
  • double
  • solid

Border Colordefines the color of the layer's border
  • CSS value
  • black

Content Container: WidthNEVER set this value; Theme Press value used during page assembly  
Content Container: Paddingcreates space within the layer's content container
  • pixels
  • 6px 12px 6px 12px

Content Container: Background Colordisplays a color behind content in the layer's content container
  • CSS value
  • Theme Press value
  • $primaryColor

  • blue

  • #F0F0F0

Content Container: Background Image from Themedefines an image (from the current theme) to display behind content in the layer's content container
  • image filename
  • background-image.png

Content Container: Background Image from Pagedefines an image (attached to the current page) to display behind content in the layer's content container
  • image filename
  • background-image.png

Content Container: Background Image Positiondefines the repeat value for the background image in the layer's content container
  • CSS values
  • left top

Content Container: Background Image Repeatdefines the repeat value for the background image in the layer's content container
  • repeat
  • repeat-x
  • repeat-y
  • no-repeat
  • repeat-x

Content Container: Gradient Top Colordefines the top gradient color to display behind content in the layer's content container
  • CSS value
  • #808284

Content Container: Gradient Bottom Colordefines the bottom gradient color to display behind content in the layer's content container
  • CSS value
  • #808284

Content Container: Gradient Startdefines the starting point of the gradient; a percentage of the total height
  • percentage
  • 0%

Content Container: Gradient Stopdefines the stopping point of the gradient; a percentage of the total height
  • percentage
  • 100%

Content Container: Border Widthdefines the border size of the layer's content container
  • pixel
  • 4px

Content Container: Border Styledefines the border style of the layer's content container
  • solid
  • dotted
  • dashed
  • double
  • solid

Content Container: Border Colordefines the border color of the layer's content container
  • CSS value
  • black

Content Container: Border Radiusdefines the shape of border corners on the layer's content container
  • pixel
  • 4px

Content Container: Shadow Valuesdefines values for creating a box shadow behind the layer''s content container
  • CSS values
  • 5px 5px 5px #262626

From LayoutNEVER set this value; Theme Press value used during page assembly

 

 

* Only applicable when viewing the .brikit.layout page from the Theme Press Default space.

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