Video: How do I create a theme for an account using the Theme Editor?

Embed this video:
<iframe width="700px" height="400px" src="https://embed.app.guidde.com/playbooks/qN4HtnBJ7sGyvMhvvQ7KjT" title="Embedded Video" frameborder="0" referrerpolicy="unsafe-url" allowfullscreen="true" allow="clipboard-write" sandbox="allow-popups allow-popups-to-escape-sandbox allow-scripts allow-forms allow-same-origin allow-presentation"></iframe>
Click to copy

00:07: How do I create a theme for an account using the theme editor?

00:11: In global navigation, click the admin link, then click the name of

00:15: the account.

00:17: In account navigation. Click the themes link.

00:21: Click on open in theme editor.

00:24: If you previously created and saved a theme, you can edit saved themes at

00:28: any time. Saved themes display in the.

00:30: My theme section to open a saved theme.

00:33: Hover over the name of the theme and click the open in theme editor button.

00:39: To create a new theme based on a save theme, click the add theme button and

00:43: select the name of the saved theme from the list.

00:46: This option helps you avoid overriding your previously saved theme?

00:51: The theme editor displays a sample page to preview your custom branding.

00:55: These components will change with the colors and branding that you add using the theme editor.

01:01: If custom cascading style sheets CSS, or JavaScript

01:05: JS, override files have been enabled for your account, the

01:09: theme editor, sidebar, displays, an edit Tab and an upload tab.

01:13: The theme editor defaults to the edit Tab and shows all the theme editor components.

01:19: The upload tab allows you to upload custom files.

01:23: The theme editor has four component groups, Global branding Global

01:27: navigation, watermarks and other images and login screen.

01:31: By default the theme editor, sidebar displays, the global branding group.

01:37: Locate the component. You want to customize, you can expand and

01:41: collapse groups by clicking the arrow icon next to the group heading.

01:46: The default value for each component is faded in the text field.

01:50: To specify a color component, locate the components text field and

01:54: enter a new CSS color. You can enter colors via hex

01:58: code RGB value or valid color name.

02:03: In browsers that support native color inputs, the color selector can

02:07: be used to choose a value. Locate the component and click the color

02:11: box. The color selector will appear in a new window.

02:15: Select a color in the color selector window.

02:17: Once the color is selected, the component displays the new color

02:21: in the Box. The components hex color also updates with the

02:25: new color value.

02:27: For components that require images, locate the component and click the select

02:31: image link. The image description will include supported file types.

02:37: To preview your theme, click the preview your changes button.

02:41: Canvas will generate the preview of the components based on your template changes.

02:46: If necessary make additional changes and preview your theme again.

02:51: Once you are satisfied with your template changes, save your theme by clicking

02:55: the save theme button.

02:58: If you modified a theme from a template, the theme editor creates a copy of

03:02: the theme. Templates cannot be edited directly in the

03:06: theme. Name field. Enter a name for your theme.

03:09: Click the save theme button.

03:11: To apply your theme to your account. Click the apply theme button.

03:15: To exit the theme and return to the themes page.

03:18: Click the exit button. You can open the theme and apply it to

03:22: your account at any time.

03:25: To apply the theme to your entire account. Click the okay button.

03:29: To return to the theme editor, click the cancel button.

03:33: This guide covered how to create a theme for an account using the theme editor.