Versions Compared

Key

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

...

Datadef elementDescription
Page heading > Type

Indicates how the page heading should be displayed.

  • text - displays the heading a plain text.
  • jumbotron - adds a background image to the heading.
  • videotron - add adds a background video to the heading.
  • custom - allow allows you to enter custom heading content or code.
    Note: this option requires knowledge of coding for Bootstrap 3. Proceed with caution.
  • hidden - the heading does not display.
Page heading > Auto-generate heading text

Only appears if 'Type' is set to 'text', 'jumbotron', or 'videotron'.

When set to 'yes', the page title will be used as the page heading.

Page heading > Jumbotron/Videotron > Width

Only appears if 'Type' is set to 'jumbotron' or 'videotron'. Indicates the width of the heading background image or video.

  • container - the background image or video with is constrained to the page container width, which varies depending on screen size:
    • Large: 1170px
    • Medium: 970px
    • Small: 750px
  • window - the background image or video width matches the width of the browser window.
    Note: this option is not compatible with page layouts containing secondary navigation or sidebar elements. 
Page heading > Jumbotron/Videotron > Aspect ratio

Used to set the aspect ratio of the jumbotron or videotron:

  • auto - the aspect ratio is set according to the dimensions of the content laid over the image or video.
  • maximize - the jumbotron or videotron will be sized to occupy all available screen space in the browser window.
  • 3:2 - common native aspect ratio for photos.
  • 16:9 - common native aspect ratio for videos.
  • custom - select this option to set a custom aspect ratio.
Page heading > Jumbotron/Videotron > Custom aspect ratio (w:h)Appears only if 'Aspect ratio' is set to 'custom'. Provide the aspect ratio in w:h format, with a colon separating the width value from the height value.