A theme Use the Theme Editor to create a theme, which determines the look of your site.
...
You manage your themes in the Refined Administration > Themes.
...
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: Landing pages, Header, Confluence page, and Issue/request.
...
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:
|
...
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 settings:
|
Width | Determine your menu's width:
|
Font color | Set the color of all text and icons in the navigation menu. Scroll down this page to learn how to use the color picker. |
Text size | Set the size of all text in the navigation menu. |
Item background color | Set the background color of all navigation menu items. Scroll down this page to learn how to use the color picker. |
Menu type | Set the menu behavior:
|
Spacing | Choose if you want the menu’s distance from the top of the page to be default or spacious |
Border | Set a border around the header. 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 header. Once enabled, you can pick the shadow’s color: Scroll down this page to learn how to use the color picker. |
Content | Customize the area’s content with:
|
Style | Set the background shape of all navigation menu items. |
Alignment | Set the alignment color of all navigation menu items. Scroll down this page to learn how to use the color picker. |
Drop-down style | Set the style of navigation menu drop down lists: light or dark. |
Footer
The footer is located at the bottom of the site.
...
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. |
...