CSS Grid

WordPress Plugin Staff List – Grid CSS

Grid customization: Template Options > Custom Styles > Staff Member Container Style

Space between grid columns

  • Go to Left-Right Padding.
  • Default class is: abcfslPadLRPc1
  • Copy and paste any class name that starts with abcfslPadLRP into Left-Right Padding
  • Example: abcfslPadLRPc4.
  • Do not include leading dots!

Space between grid rows

  • Go to Bottom Margin.
  • Default class is: abcfslMB40
  • Copy and paste any class name that starts with abcfslMB into Bottom Margin
  • Example: abcfslMB20.
  • Do not include leading dots!
staff member container custom style

You can use any of these classes to customize your grid.

Need more options? You can create your own style sheet – see Custom Stylesheet.

.abcfslPadLRPc0 { padding-left: 0; padding-right: 0; }
.abcfslPadLRPc1 { padding-left: 1%; padding-right: 1%; }
.abcfslPadLRPc2 { padding-left: 2%; padding-right: 2%; }
.abcfslPadLRPc3 { padding-left: 3%; padding-right: 3%; }
.abcfslPadLRPc4 { padding-left: 4%; padding-right: 4%; }
.abcfslPadLRPc5 { padding-left: 5%; padding-right: 5%; }
.abcfslPadLRPc6 { padding-left: 6%; padding-right: 6%; }
.abcfslPadLRPc7 { padding-left: 7%; padding-right: 7%; }
.abcfslPadLRPc8 { padding-left: 8%; padding-right: 8%; }
.abcfslPadLRPc9 { padding-left: 9%; padding-right: 9%; }
.abcfslPadLRPc10 { padding-left: 10%; padding-right: 10%; }

.abcfslPadLR5 { padding-left: 5px; padding-right: 5px; }
.abcfslPadLR10 { padding-left: 10px; padding-right: 10px; }
.abcfslPadLR15 { padding-left: 15px; padding-right: 15px; }
.abcfslPadLR20 { padding-left: 20px; padding-right: 20px; }
.abcfslPadLR25 { padding-left: 25px; padding-right: 25px; }
.abcfslPadLR30 { padding-left: 30px; padding-right: 30px; }
.abcfslPadLR35 { padding-left: 35px; padding-right: 35px; }
.abcfslPadLR40 { padding-left: 40px; padding-right: 40px; }
.abcfslPadLR45 { padding-left: 45px; padding-right: 45px; }
.abcfslPadLR50 { padding-left: 50px; padding-right: 50px; }

.abcfslMB0{ margin-bottom: 0; }
.abcfslsMB5{ margin-bottom: 5px; }
.abcfslsMB10{ margin-bottom: 10px; }
.abcfslMB15{ margin-bottom: 15px; }
.abcfslMB20{ margin-bottom: 20px; }
.abcfslMB25{ margin-bottom: 25px; }
.abcfslMB30{ margin-bottom: 30px; }
.abcfslMB40{ margin-bottom: 40px; }
.abcfslMB50{ margin-bottom: 50px; }

.abcfslMBPc1{ margin-bottom: 1%; }
.abcfslMBPc2{ margin-bottom: 2%; }
.abcfslMBPc3{ margin-bottom: 3%; }
.abcfslMBPc4{ margin-bottom: 4%; }
.abcfslMBPc5{ margin-bottom: 5%; }
.abcfslMBPc6{ margin-bottom: 6%; }
.abcfslMBPc7{ margin-bottom: 7%; }
.abcfslMBPc8{ margin-bottom: 8%; }
.abcfslMBPc9{ margin-bottom: 9%; }
.abcfslMBPc10{ margin-bottom: 10%; }