1. Home
  2. Knowledge Base
  3. Posts Table Pro
  4. Getting Started

5. Posts Table Pro design options

Posts Table Pro comes with a choice of pre-built templates, which quickly allow you to change the look and feel of the table. After selecting a template, you can further customize its design to match your exact brand.

You can find the design options at Post Tables → Design.

Templates

Posts Table Pro design templates

First, select a template. To preview it, hover over the image of the template and click on the magnifier which appears. You can then select a template by clicking on the radio button.

Customizing the design

When you select a template, this will pre-populate all the design options below. Change these as needed to fine-tune the design.

You can change the styling of the following elements of the product tables:

  • BordersChange the color and width in pixels of the outer borders of the table, the header border line, the horizontal lines between cells, the vertical lines between cells, or the line under the bottom of the table.
  • Background colorChange the background color of the header row, and all the cells in the main part of the table.
  • FontsCustomize the color and size of the fonts used in the table header, cells, links, and buttons.
  • Button backgroundsCustomize the color of the main and inactive buttons.
  • SearchChange the color of the search box's background, text, and borders.
  • DropdownsChange the color of the filter dropdowns' background, text, and borders.
  • Cell backgroundsChoose whether the cells in the table will all have the same background color, or whether the rows or columns will have alternating background colors.
  • Corner styleEither inherit the styling of corners in the table from your theme, or override this by selecting square, slightly rounded or fully rounded corners.

To change the color, select from the color picker or add any hexadecimal color value (e.g. #757575). To change the size, use the up/down arrows or enter the size in pixels. Tip: If you want to add an RGB color then you can use a color convertor to get the right value.

You can add more styling using additional CSS.

Related Articles

If searching the knowledge base hasn't answered your question, please contact support.