Sections and tables are useful tools for breaking up content into bitesized chunks or formatting data and information into an organized structure that's easy for users to understand.

Thin Stroke Rows

First Row

First row content goes here...

Middle Rows (This Is the One to Duplicate)

Middle row content goes here...

Last Row

Last row content goes here...

How to Create A Thin Strokes Row Module

On the page where you want to add an accordion, launch Beaver Builder. Then:

  1. Click + to open module window
  2. Click Templates tab to access saved USC-branded templates
  3. In the Group window, click the down arrow and click Saved Templates
  4. Click on the USC Thin Stroke Content Rows module
  5. Click Append New Layout
  6. Click to customize thin strokes row template content

Then click to Save each content module, then click Done > Publish.

Click Images to Expand

Tables

Column 1Column 2Column 3
Table Data Table DataTable Data
Table DataTable DataTable Data
Table DataTable DataTable Data
Table DataTable DataTable Data
Table DataTable DataTable Data

How to Create A Table

Creating a table in Tommy's Theme requires two separate steps. First, you create the table in you website's admin settings using the Ninja Tables plugin. Then you insert a snippet of code into the page of your site where you want the table to appear.

On the page where you want to add an accordion, launch Beaver Builder. Then:

  1. Click NinjaTables in your admin bar
  2. Click Add Table
  3. Title your table
  4. Click Add - or import or connect an existing form
  5. Start building your table by adding columns and table data for each row - find more detailed instructions at NinjaTables
  6. Once done building your table, copy the “shortcode” in brackets next to your table title
  7. On the page where you want to insert your table, after launching Beaver Builder, click + to open module window
  8. Click Modules tab
  9. Drag and drop the HTML module into your layout where you want the table to appear
  10. Paste the “shortcode” you copied in step 6

Then click to Save to the HTML module, then click Done > Publish.

Click Images to Expand