A theme Use the Theme Editor to create a theme, which determines the look of your site.
...
.
...
Theme Editor
...
Theme Editor anatomy
To the left of the editor, the preview area shows the look of your theme. The preview shows the changes you make in the settings, so you can play around with your design before publishing it. To see how the theme looks in different parts of your site, click the drop-down at the top. You can choose the views: Start page Landing pages, Header, Confluence page, and Issue/request.
...
To the right of the editor, you edit your theme in the Settings tab. Read more about the settings below.
...
History tab
Click the History tab to view and restore previous versions. A version is generated every time you hit the save button.
...
Settings
...
General
Click one of the three icons to decide how much background is shown behind the header and body: only at the top, partial or full.
Setting | Description | ||
|---|---|---|---|
Font family |
| ||
Background | Set a color, gradient or image as background. Scroll down this page to learn how to use the color picker. Customize images with these settings:
| ||
Banner height | Enter the amount of pixels for the header image. | ||
Secondary background | By default, the background is white. Choose Gray if you want to alternate between sections that you create in the /wiki/spaces/~62f636d425abc07e51c8b330/pages/4704241912on landing pages.
| ||
Content | Customize the area’s content with:
|
...
The footer is located at the bottom of the site.
| Info |
|---|
If you last edited the footer before 31 May, it may look different than expected when you edit it. This is because we updated our editor. The look of a footer used to be determined by settings located in two different places: in the Theme Editor and in the editor on your site. This used to be the outdated Layout Editor, which is now replaced by the Page Builder. Now you conveniently control all settings right in the Page Builder. Because we moved the settings from the Theme Editor into the Page Builder, the footer may look differently than expected at first. It’s easy to change the design in the Page Builder before publishing the page. Additionally, the design may look different than expected if you use custom CSS on the site or HTML modules in the footer. |
Setting | Description |
|---|---|
Background | Set a single color, gradient or image as background. Scroll down this page to learn how to use the color picker. Customize images with these additional settings:
|
Header color | Set the color of all text headers. Scroll down this page to learn how to use the color picker. |
Text color | Set the color of all body text. Scroll down this page to learn how to use the color picker. |
Link color | Set the color of all the text that links to another page. Scroll down this page to learn how to use the color picker. |
Border | Set a border around the footer. Once enabled, you can pick the border’s color. Scroll down this page to learn how to use the color picker. |
Shadow (Effects) | Drop a shadow behind the footer. Once enabled, you can pick the shadow’s color. Scroll down this page to learn how to use the color picker. |
...
Landing pages
Setting | Description | |||
|---|---|---|---|---|
Width | The default width is 1200px (75 rem). You can set a new width by percentage (of browser window width), pixels, or rem. | |||
Fill background | Makes the content fill out the full width of the browser window. This has the same effect as setting the Width to 100%. When the background is filled, you can’t set the width manually. | |||
Row style |
| |||
Title position | Position the title to the left, center or right. |
Jira issues and JSM requests
These settings apply to the Jira issues and JSM requests content in your site’s body area. See the Main appearance General section above for more body settings.
...
These settings apply to the Confluence pages and blogs in your site’s body area. See the Main appearance General section above for more body settings.
...