Marsha Docs

Billboard

Note on Billboard
This shortcode is only available when using the Full Width or Full Width (Hero) page template. It will not display anything on the default or sidebar templates.

The title renders as an H2. Do not add a separate H2 heading before the billboard.

This component should not be the first item on a page — use the featured image hero instead. Multiple billboards on a page are fine, but should be separated by other content sections.

Renamed from mu_hero
This shortcode was previously called [mu_hero]. The old name still works as a legacy alias, but all new usage should use [mu_billboard].

Billboard Shortcode

mu_billboard Parameters

  • RequiredBackground Image (bg_image): The full URL of the background image. Images in your Media Library will automatically use responsive srcset sizing.
  • Background Position (bg_position): CSS object-position value for images not in the Media Library (e.g. 50% 70%). For Media Library images, use the focal point tool instead.
  • RequiredTitle (title): The main heading of the billboard.
  • Subtitle (subtitle): Text displayed below the title. Keep to 2–3 sentences. Automatically truncated based on the size setting.
  • Subtitle Small (subtitle_sm): Set to true to use a smaller subtitle font size. Defaults to false.
  • RequiredType (type): Controls what appears at the bottom of the billboard. Accepts links (default), buttons, or feature-row.
  • Size (size): Controls the height of the billboard. Accepts normal (default), short, tall, or thin.
  • Primary Button Text (primary_button_text): Text for the primary button. Used when type="buttons". Should be a call to action.
  • Primary Button URL (primary_button_url): Link for the primary button.
  • Secondary Button Text (secondary_button_text): Text for the secondary button. Used when type="buttons".
  • Secondary Button URL (secondary_button_url): Link for the secondary button.
  • Menu ID (menu_id): The ID of the WordPress nav menu to display as links. Required when type="links". Maximum of 5 menu items will display. Menu items with a CSS class of phone, email, or map will show a matching icon.
  • ID (id): Optional. An HTML id attribute applied to the billboard, useful for anchor links.
  • Extra Classes (class): Optional. Additional CSS classes to apply to the billboard wrapper.

Billboard Shortcode Examples

Billboard with Buttons

Shortcode 
[mu_billboard type="buttons" title="Visit Our Campus" subtitle="We're excited to welcome you to Marshall University in Huntington, West Virginia. During your campus visit, you'll see and feel the energy and pride of Marshall University." primary_button_text="Schedule Campus Tour" primary_button_url="http://www.marshall.edu/tour/" secondary_button_text="View Virtual Campus Tour" secondary_button_url="http://www.marshall.edu/virtual-tour/" bg_image="http://www.marshall.edu/admissions/files/hero-campus.jpg" bg_position="50% 70%"]

Billboard with Links

Shortcode 
[mu_billboard type="links" title="Take the Next Steps" subtitle="Learn how to become a Son or Daughter of Marshall." bg_image="http://www.marshall.edu/admissions/files/hero-band.jpg" bg_position="50% 22%" menu_id=10]

Billboard Short with Buttons

Shortcode 
[mu_billboard type="buttons" size="short" title="Discover Our Campus" subtitle="Come visit Marshall University and learn what Marshall has to offer you!" primary_button_text="Schedule A Tour" primary_button_url="http://www.marshall.edu/tour/" secondary_button_text="Take Virtual Tour" secondary_button_url="http://www.marshall.edu/virtual-tour/" bg_image="https://marshall.test/marsha/wp-content/uploads/discover-campus.jpg"]