Table Cells Content Box

Table Cells Content Box custom WPBakery Page Builder element, added by Loyde, renders acts as a grouping container which gives a “HTML table layout” look. This element on it's own isn't enough to produce the "HTML table" effect. Instead, it's necessary to add two or more instances of a related custom element, Table Cells Content Box - Inner.

How to add elements inside, to produce the "HTML table cells" effect

Steps:

  1. Add a Table Cells Content Box instance to the edited page or post
  2. Inside this element, add a Table Cells Content Box - Inner element instance
  3. Repeat the process, and add one or more additional instances of Table Cells Content Box - Inner
  4. Add desired content to each Table Cells Content Box - Inner element
  5. Save changes.

What other WPBakery Pasge Builder elements can be added to the Table Cells Content Box - Inner?

It is possible to add any other WPBakery Page Builder element, except:

  • Table Cells Content Box
  • Table Cells Content Box - Inner

How to add or customize border between the cells

Steps:

  1. Add a Table Cells Content Box instance to the edited page or post
  2. Open Settings and open the "General" tab
  3. Under "Border Between Cells" select the desired "border mode"
  4. Save changes.

For each selected "border mode" (other than "None"), additional settings fields will appear:

  • Border Between Cells: Width
  • Border Between Cells: Color

What are the possible border modes?

"Border modes" refer to the way border will be applied to the cells. This consequntly influences the final look of the "HTML table" created using "Table Cells Content Box".

Offered border modes:

  • Right: border will be applied to the right of each cell (i.e. each instance of "Table Cells Content Box - Inner"). This includes the right-most cell, whhich will also have the border
  • Left: border will be applied to the left of each cell. This includes the left-most cell, whhich will also have the border
  • Between: border will be applied only between cells. This means that right- and left-most cells won't have right- or left border, respectivelly
  • Around: Border will be applied to all four cell borders. But border between cells will not be duplicated (due to an internal calculation done by "Table Cells Content Box").

How to apply primary & secondary accent color to the element

See description here.

How to apply a basic styling, which applies to the element as a whole

See description here.