Please note that the support team does NOT provide CSS support. We do offer template creation by our professional services team. If you are interested, please click on this link.

In Rentman, users are able to customize their documents to reflect their company's visual identity and branding. This article shows how to customize the visuals of your document using our document editor.

Within the editor, you have two distinct areas for adjusting visuals: the document as a whole and each individual module (such as Equipment, Sum, Crew Functions, etc.).

Where do I go to edit my document and module styles?

Go to the settings Configuration > Document Templates
Select the template you want to edit.
Open the Styles tab in the left sidebar to adjust the visuals of the whole document.
Click a block and open the Styles tab in the right sidebar to edit the visuals of that module only.

Click here

Document Styles

When editing your document style, you have three areas to target your customization. Editing the styles here will affect your entire document:

Text, Headers and Table Module

Text: Change the text of the entire document.
Headers: Change the header text of each module and any text with the heading 1 or 2.
Table Module: Change the format and text for all the tables within your document modules.

Tip: Do not know what part of the document you are targeting? Change the colors to see specifically what part of the document you are editing.

If you wish to make more changes to the styling of the document that are not offered in our editor, you can do this with the use of CSS.

Save as a theme

Once you've edited your document style to completion, you can now save it as a theme and use it throughout your workspace. Click the three dots in the Styles tab, select Save as a theme, and name the theme.

Apply an existing theme to your template

In the left sidebar, open the Styles tab and click the three dots.
Click "Select theme" and select your theme of choice.
Select.

Module Styles

To edit a module style, click the block and open the Styles tab in the right sidebar. Editing the styles here will only affect the chosen module.

Note: Different modules will have different styles available to edit.

An excellent application of this styling would be within the equipment module. From there, you have the option to target and edit the serial number, virtual combination content, physical combination content, comment line and equipment group remark. This is can help organize and refine your documents.

Click here for a visual example

Change your fonts via Google Font

If you wish to change the font of your documents in a font that we do not offer, it is possible to apply Google Font via CSS:

In the Styles tab in the left sidebar, click the <> icon.

Paste the following code in the CSS popup:

body, td, th, p {
 GOOGLE FONT CSS HERE
 }

Open a new tab in your browser, and go to Google Fonts.
Choose one of the many available fonts.
Click on "+ Select this style" next to a font to add it to your document
Click on the bar to open it, and copy the code in the "Specify in CSS" field (e.g.: font-family: 'Montserrat', sans-serif; )
Go back to the tab with the Rentman Template editor, and replace "GOOGLE FONT CSS HERE" with the code in the CSS popup.
Confirm.

Note: The new font will not appear in the Template editor, but it will appear in the document once you generate it.

Was this article helpful?

9 out of 9 found this helpful

Document Styling