Carrington Build Documentation

Column and Row Naming Convention

Columns, called “Blocks” in Carrington Build, have a handy CSS class naming scheme. In addition to the standard .cfct-block class that all Blocks receive, they also get a class that describes both their position in the row and their width.

  • .cfct-block-a
    is the first column and is 1/3 of the width of the page
  • .cfct-block-b
    is the middle column and is 1/3 of the width of the page
  • .cfct-block-c
    is the last column and is 1/3 of the width of the page
  • .cfct-block-d
    is the first column and is 1/2 the width of the page
  • .cfct-block-e
    is the last column and is 1/2 the width of the page
  • .cfct-block-ab
    is the first column and is 2/3 of the width of the page
  • .cfct-block-bc
    is the last column and is 2/3 of the width of the page
  • .cfct-block-abc
    is a full-width column

Rows follow this same naming convention. In addition to a .cfct-row class, they also get a class that tells you what kind of columns are contained inside.

  • .cfct-row-a-b-c
    contains an a, b and c block
  • .cfct-block-ab-c
    contains an ab and a c block
  • Etc…

See also:

Back to Carrington Build

These sections are available to the public. The remaining sections are available exclusively to customers.