Versions Compared

Key

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

...

  • You manage your themes in the Refined Administration > Themes.

  • The Theme Editor is the tool that you use to create and edit themes.

...

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. Then customise the settings for the header, body and footer.

Setting

Description

BackgroundGeneral

Set a single colour, gradient or image as background. Customise images with these additional settings:

  • Full, repeat or without repeat

  • Position the image

  • Filter (blur, shade, monochrome, vintage)

  • Set an underlying colour

Width

Toggle corners on to make the sharp corners of the general area round instead.

Add an effect to the background, which you can give a color that matches your site’s color scheme.

Content area

Toggle corners on to make the sharp corners of the content area round instead.

The default width is 1200px (75 rem). You can set a new width by percentage (of browser window width), pixels, or rem.

Create button

Set the colour of the Create button (the round Plus (Create Content) button button with a ‘plus’ in the top right of your site’s pages).

Footer theme

Choose a light (gray) or dark (black) background theme for the site’s footer.

Header

...

Setting

Description

Height

Set the height of the category menu.

Width

The default width is 1200px (75 rem). You can set a new width by percentage (of browser window width), pixels, or rem.

Border

Set a border around the area. Once enabled, you can pick the border’s colour.

Shadow (Effects)

Drop a shadow behind the area. Once enabled, you can pick the shadow’s colour.

Background

Set a single colour, gradient or image as background. Customise images with these additional settings:

  • Full, repeat or without repeat

  • Position the image

  • Filter (blur, shade, monochrome, vintage)

  • Set an underlying colour

Logo

Set the logo size to small, medium or large.

Footer theme

Choose a light (gray) or dark (black) background for the site’s header.

...

Choose a light or dark theme for your site’s popups.

Sidebar

Set up the colours colour of your sitebar’s background and font.

Keyboard navigation

Choose the highlight colour for the keyboard navigation.

...