Versions Compared

Old Version 4

changes.mady.by.user Kat Harlton

Saved on

compared with

New Version Current

changes.mady.by.user Kat Harlton

Saved on

Key

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

...

  • Individual heroes on pages can be used for branding, audience engagement, a call to action, feature content, content intro, seasonal content, full screen takeover, sponsorship, etc.

  • Website hero can be used for branding, promotions, a call to action, current information, etc. as the website header or masthead.

  • New fully customizable hero template options available with recommended layouts for news, music, programming, promotions, branding, social, and weather

Step-By-Step Instructions

  1. Website > Website Structure > Heroes

  2. Click 'Add New' and choose from one of the available templates or edit an existing Hero.

  3. Use one of the following editors to create a new hero:

    1. Classic Mode: When creating a new hero, you won't have any content elements, other than ones provided from a template. You may add from a large selection of 'elements' available.

      1. Add Element: Click or drag the 'Add Element' button to add content elements to your page.

      2. Templates: Click the 'Templates' button, here you can either load a previously made template or save your current hero as a template.

    2. Backend Editor: This editor works similar to a Microsoft Word document. Complete with a toolbar and 'kitchen sink'

      1. Visual: Content editor that allows you to create, edit, and format your blog content in a view similar to that of a word processor.

      2. Text: Editor that allows you to create, edit and format your blog with custom css & html

Background

Configure the background that appears behind the content area of this hero. A maximum of 5 background images can be added to appear at random on browser refresh.

  1. Dimensions: Min. Size 1920px by 1080px

  2. Format: JPG, PNG, GIF

  3. Image Position For Small Screens: Sets the position of all background images for this hero to display more optimally on small screens

  4. Background Color: Appears behind the hero background image and when no image is provided.

Appearance

Configure the appearance of the hero

  1. Text Color: Configure the text color for your hero.

  2. Link Color: Configure the link color for your hero.

  3. Content Background Color: Appears behind the hero content area.

  4. Content Alignment: Sets the alignment of the content area within the hero.

  5. Width: Sets the maximum width of the content area within the hero.

  6. Height: Sets the minimum height of the hero.

  7. Margin & Padding: Sets the space surrounding the hero content area.