You've set up your fee library, you've created your table, and have your line items all set up how you'd like them. Now, you just need to make the tables suit your brand. Here's a guide on how to use Proposify's Table Styles menus to help you tweak your tables' look to suit your brand.
Table Styles vs Style Table: What's the Difference?
Table Styles, found in the main right-hand menu, allows you to choose default settings for all the tables found in your proposal:
If you're looking to have a table set apart from the others (when creating a tiered plan pricing package, for example), you can change the individual table's design by going to the Style Table menu:
The options available for each menu will be the same. If, while editing the single table, you realize that this setting should apply to all tables, you can click "apply to all" to have those changes apply everywhere:
Your Table Styles Menu:
The first menu option in Type Styles allows you to select which row style you would like to edit: header rows, body rows, or footer rows.
The options remain mostly the same, with the body row having one additional option.
Default Font Style
The default font style allows you to choose which font style in your Type Styles menu you would like to use for your copy within the header, body, or footer of your fee table.
By default, this is set as "Body", but if you want to change the size, line height, or colour in your tables, you can set it to "Table header/body/footer" to allow more customization.
Row Colour and Bottom Border:
Row colour allows you to apply your brand's colour to each row. Bottom Border allows you to draw a horizontal line between each row, to help disconnect them a little easier.
Click the fill box and you'll be directed to the colour menu:
From here, you can select a colour from the colour tool, enter your RGB settings, or enter the hex code of your chosen colour in the hashtag menu.
In addition to one row colour, the Body settings also allows you to set alternating row colours. This lets you set alternating colours along your table to help sort your table.
Enabling padding adds space in the inside of your table, based on the pixel sizes you've set in the options below:
The settings above would add six pixels of space on each side of each column. If you'd prefer a more cozy look for your tables, you can disable this setting and no additional spacing will be applied.