Versions Compared

Key

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

Screenshot

Description

The Jumbotron places a large gray block on your page that you can fill with a title and some text, separated by a horizontal line.

The Jumbotron will occupy the width of the parent object. If you don't place it in a smaller layout section or div block, it will span across the whole content area.

Adding the Macro

Edit your page.

Select "+" => Other macros

Type in "JumbotronBootstrap" in the Search box

Select the "Bootstrap Jumbotron" macro

Macro Options

Header

Enter the header of the Jumbotron.

Header Style

Select the size of the header.

Body

This macro supports a body. The content that you place in the content will be displayed as regular text below the header.

After you save the macro while editing the page, put any text or another macro in the body:


Style
div#main-content.wiki-content {
   font-size: 1.2em !important;
   font-family: Segoe UI, sans-serif !important;
}
.wiki-content .contentLayout2 .columnLayout .cell
{
  padding-left: 0px;
  padding-right: 0px;
}