Themes

You are here / Help / Screens / Themes

To use Saasu Themes we recommend you have some basic HTML or CSS coding experience

Saasu Themes allow you to add some design to your Saasu Templates. Your Template has specific information for a document while the theme is the layout, colours, fonts and other design elements that can be applied to more than one Template.

What can Themes do

With Themes you can control far more design elements in the document such as where your logo appears, the colour and type of font you use and even embed things like maps, images, links and buttons.

How do I edit my Theme

  1. Go to View > Templates > choose a template you want to design or edit a Theme for.
  2. The Template will load in Edit mode. Click on the Edit and create your own theme link.
  3. Saasu will display some default themes we have set up. You can open one similar to what you need and duplicate using the duplicate button.
  4. Edit the Themes CSS and HTML code and use the Preview button to check your progress. The preview will display as a PDF so that there is certainty that what your customers will see matches the design work you are doing.

Note that we show two formats in the Preview when editing Sale or Purchase Themes. We display an Item style view and also a Service style view.

Some Sample Code

You might like a bit of a head start. See some Themes sample code you can add into your themes.

How do I customize the words, like the invoice title etc?
Generally it involves duplicating the theme that you want to change, make the changes, and set the template to use the theme that you change.
Some HTML knowledge is required to do this. Otherwise, it could be frustrating to get it working. The steps are:

  1. Open the template that you want to edit.
  2. Click on “edit and create your own theme” link underneath the Theme picklist.
  3. Pick the them that you want to edit.
  4. Duplicate the theme.
  5. Make you changes. E.g. If you just want to change the title, find the text “{InvoiceType.PrintDescription}” and replace it with the word that you want to use.
  6. Click preview to preview your changes. Once you’re happy with your changes, click save.
  7. Go back to template list screen and open the template that you want to change.
  8. Change the theme to the new one that you just created and click save.