To build a new TC3 theme, simply use the Build New Theme button on the top right of the Configurator bar.




A new sidebar will open, providing you with a wide range of options. Notice how you can drag that window around to see every corner of your new theme!


Colors

The top most section of the widget allows you to configure different sections of the page. Hovering over a square will show you which part of the page will be affected by your colour choice.



Options, left to right, are:

  1. Page background
  2. Headers & Footers
  3. Buttons & Links
  4. Big Headers
  5. Medium Headers
  6. Small & Sub Headers


Using the ABC toggle beneath the Color selector will update the color of the text on that field from black to white, and the other way around.


 
Black charactersWhite characters



Images

The image section of the widget allows you to upload images and configure how they show up on the page.



Each of the sections has four suboptions regarding the frame: Full-frame, Repeat horizontally, Repeat vertically, and Repeat both. Also, you can set the image alignment in quite a few ways: Left Top/Center/Bottom, Right Top/Center/Bottom, and Center Top/Center/Bottom.


Header, Header Overlay and Footer options additionally allow you to expand the fields, ensuring you can set up the images in the way that works best for you!



To add an image, to any of the four fields, simply click the gray square next to the field's options.



A new window will open, allowing you to Add Files. Once the image has been added, use the Start Upload button to upload the image! Once the process has been completed, you will be able to select the uploaded image from the Uploaded images section of the window!



Client Logo

If your Client has a logo, you can choose to keep it hidden or make it visible in the upper right corner.



An easy way to upload the logo is through the Client Logo Upload setting found in the Client settings!



Corners

With the Corners setting, you have the option to make the corners of the elements on the page either rounded:



... or square:



Save a Theme

Once you are satisfied with the look and feel of your theme, hit the Save Theme button on the top right of the page.



A new pop-up will open, prompting you to enter a name for your theme.


It can take up to several minutes to generate and save your theme, but you will receive an e-mail when the theme is complete. Then, you can navigate back to this page, or simply refresh it in your browser, and your theme will be on the list of themes in the "Custom" category of the Theme Gallery.



Edit a Theme

After your theme has been saved, and you locate it in the list of themes in the "Custom" category, you will be able to edit it as well.


Simply hit the cog icon next to the theme's name to display options.





Using the Edit button will open the customization window you used to create the theme.


Using the Copy button will also open the customization window you used to create the theme in the first place. However, to save the new theme, you will need to make at least one adjustment to the original theme you are editing. After you make your edits, enter the theme name and save it, a new theme will be generated - the old theme, once you used the Copy button on, will still be on your list!


Using the Delete button will allow you to delete the theme, but keep in mind that any clients that are using that theme will no longer have access to it.



Publish a Theme

There is an additional step after the theme has been customized and generated!


Head to the "Custom" category, and click on the theme you have been working on. You will notice that the color of the theme's name got updated from yellow to blue, efficiently letting you know which theme has been selected.



Head to the top right of the page and use the Publish Theme option to display the theme on your selected client.