Table Styles
Looking to have your style match your brand's colours and font styles? Click here to see how.
Need your answers fast? Here's what this article covers:
Your fee library is checked in, your table is set, and your line items are all lined up. Now, you 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 company.
Reaching the Table Styles Menu
If you'd like to update your default table styles, click edit styles and formatting. You can find that button at the top right of the editor page.
Setting An Individual Table Style
If you need to make an individual table stand out from the others (maybe to add optional fees or provide competitor's pricing), you can do so from the right-hand menu.
You can set different formatting for a table by using the row style menu found on the right-hand menu. This works for all header, body, and footer rows:
If you ever change your mind and need to return this table to default settings, you can do so by clicking the reset table styles button from the right-hand menu:
The Table Formatting Menu
If you'd like to change the global style using the edit styles and formatting button, here's the available options:
Header/Body/Footer Select
The first menu option in Type Styles lets you select which row to format: header, body, or footer. This opens up the following menu options for each one you click.
Default Font Style
Default font style lets you choose which font style to use for your table's copy.
If you want to set your table copy apart from your body, you can set it to Table header/body/footer.
Row Colour and Bottom Border
Row colour allows you to apply your brand's colour to each row.
If you want your rows to look more separated, select bottom border. From there, choose the colour and thickness of the separating line.
To change the colour of a row or border, click on the eyedrop icon. From there, you can choose the perfect colour. Depending on how technical you are, you can choose via colour wheel, hex code, or RGB values.
Body settings also allows you to set alternating row colours. This lets you set alternating colours along your table to help separate your rows.
Padding
Selecting padding adds some space between the text inside your table and its borders. This space is based on the number of pixels set for each field.
In this example, the settings would add six pixels of space on each side of each column. If you'd prefer a more cozy look, you can disable this setting and your text will hug the walls.
Don't need padding? Clear the checkbox and all padding options will be set to 0.