Page tree

Versions Compared

Key

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

Content Layer
namePage Info
id1430636829
classwatermark-layer
Content Column
background-colortransparent
namePage Body
width85%
id1430636831
Content Block
background-colortransparent
namePrompt
rich-link-hoverstrue
id803166595
classtight glossary-prompt-flex

The practice of defining how your site will look and feel

Content Block
nameDefinition
rich-link-hoverstrue
id1097762051
classdefinition-block glossary-definition-flex

Theme design (or "theming") is the practice of developing a theme or themes for your Confluence site with Brikit Theme Press.

When you develop a theme, you can make decisions about:

  • What colors will be included in your theme and how they will be used;
  • What kinds of fonts will be used;
  • How plain text, links, and images will be presented;
  • Any custom CSS or JavaScript that you may choose to add;
  • What types of users will see the Confluence Header, Page Tools menu, and Sidebar by default; and
  • How pages printed from your themed site or space will appear.

You can also make decisions about the appearance, sizing, positioning, and/or styling of the following:

  • Space or site banners;
  • The Confluence Header;
  • The Confluence Page Tools menu;
  • The page canvas;
  • A page's header area, including any Theme Press header content;
  • Logos;
  • The Confluence search box;
  • The Simple Toolbar;
  • Menus created from architect pages;
  • A page's title area, including how page titles appear in layouts that include them;
  • Breadcrumbs;
  • Page creation and modification date information;
  • Content layers;
  • Content columns;
  • Content blocks;
  • Tabs of tabbed blocks;
  • Expander block triggers;
  • Blocks configured to "spin";
  • Page label display and "like" interface, plus the surrounding area that encapsulates both;
  • Page comments and their surrounding area; and
  • A page's footer area, including footer content and block design.

Theming also allows you to control the look and feel of the following macros:

  • Action Button
  • Block Link
  • Open Links in New Window

    Blog Posts

  • Catalog Navigator

  • Open Links in New Window

    Expand

  • Open Links in New Window

    Page Tree

  • Open Links in New Window

    Recently Updated

  • Rotate Content
  • Open Links in New Window

    RSS Feed

  • Space List
  • Topic Tree


Any and all of the above can be configured in the Theme Designer by any member of a user group that has been granted permission to access the Theme tab in the Theme Press Control Panel.

Content Block
nameInfo
rich-link-hoverstrue
id894573203
classglossary-info-flex
collapsiblecollapse
Info

If using:

  1. Replace me with something to note about this concept that falls outside the scope of the Definition section; and
  2. Add the tight-bottom class to the Definition block above to narrow the gap between the two blocks.
Content Layer
background-color$lightGrayColor
nameRelated
id888168050
Content Column
nameRelated
width100%
id888168051
Content Block
rich-links-hide-descriptiontrue
rich-links-hide-site-namefalse
rich-link-hoverstrue
rich-links-columns4
rich-links-verticaltrue
background-colortransparent
rich-links-image-height100px
rich-links-hide-site-icontrue
rich-links-details-padding10px
nameRelated
rich-links-enabletrue
rich-links-details-alignmentleft
rich-links-margin20px 30px 0 0
id496234544
classrelated-block clean glossary-related-flex
  • link
  • Replace me with a link
  • Replace me with a link
  • link
  • linkAim for 4 or fewer related links.  If we need more, that's okay.  Be judicious.  Delete me when you're done.