Metadata Styles and Text Overrides

Metadata values are used throughout the site to provide styling to various page elements. These values generally add classes to page elements that are targeted by the site's stylesheet. Metadata is also used to override the text that appears in some buttons and links.

"See More" Buttons and Links

In the Subsite Settings the "Call to action text property" picker lets you select a metadata property. The values held in this property can be related to articles and override the "See More" text used in links and buttons. These values can be used in:

• Articles that provide content to panels in a carousel
• Articles that appear as single article panels when related to other articles
• List articles that create panels when related to other articles
• Articles that provide blocks in "block" panels
• Articles that provide blocks in "parallax" panels
• Articles that provide tabs in "tab" panels

Once a property has been chosen in the subsite configuration, any text values can be added to it and used in your articles.

The button text can be customised as follows:

1. In the subsite configuration select a metadata property using the "Call To Action text property" picker. The property name doesn't matter.
2. In the metadata library create metadata values beneath this property. Each value is the text you would like to use instead of "See More". The accompanying image shows some examples.
3. Relate one of these metadata values to the article which is appearing in the carousel or homepage panel. The value will override the "See More" text. Note that the article "blocks" on the homepage (the ones placed side by side) cannot have their button text changed.

Panel Type Metadata

The metadata property used to change the type of panel is set in the "Panel type property" picker in the subsite configuration. There are five possible values in the panel type property. They are body, newsblocks, parallaxnewsblocks, squares and tabs. These values change the type of panel as described in the Impact Panels article.

Panel Style Metadata

The metadata property used to change the style of panel is set in the "Panel style modifier property" picker in the subsite configuration. Values from this metadata property are output as modifiers to a panel. For example, a value of "centre" related to a parallax panel, would generate:

<div class="a-panel a-panel--parallax a-panel--centre" style=" ">...</div>

Sub-Panel (Block) Style Metadata

As well as modifying the type and style of a complete panel, metadata values can also be used to modify the article blocks within a panel. The core stylesheet for the theme includes three styles that modify the colours used by the article blocks in the block panel.

.ra-block--teal,
.ra-block--teal .ra-block__link--action {
  background-color: #005872;
}
.ra-block--orange,
.ra-block--orange .ra-block__link--action {
  background-color: #B16222;
}
.ra-block--green,
.ra-block--green .ra-block__link--action {
  background-color: #0b8271;
}

The metadata property used to change the style of a block is set in the "Sub panel style modifier property" picker in the subsite configuration. Values from this metadata property are output as modifiers to a block. For example, a value of "teal" related to a block, would generate:

<div class="ra-block ra-block--default ra-block--teal">...</div>