Video: How do I create a theme for an account using the Theme Editor?
<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>
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.