Versions Compared

Old Version 13

changes.mady.by.user Madzy Soetman

Saved on

compared with

New Version Current

changes.mady.by.user Madzy Soetman

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

  • Arial

  • Poppins

  • Roboto Condensed

  • Cormorant

  • Playfair Display

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:

  • Full, repeat or without repeat

  • Position the image

  • Filter (blur, shade, monochrome, vintage)

  • Underlying color

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.

Info

This setting only applies to pages created with the legacy Layout Editor, and doesn’t apply to pages created in the Page Builder. The Page Builder gives you more freedom in designing backgrounds.

Content

Customize the area’s content with:

  • Effects (shadow)

  • Color of the shadow (scroll down this page to learn how to use the color picker)

  • Corners (toggle on to round the corners)

...

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

Info

This setting only applies to pages created with the legacy Layout Editor, and doesn’t apply to pages created in the Page Builder. In the Page Builder, you can add dividers

yourself, which gives you more control over your design)

where you see fit, giving you more freedom in designing backgrounds.

Title position

Position the title to the left, center or right.

...