{"id":513,"date":"2021-11-10T13:14:19","date_gmt":"2021-11-10T18:14:19","guid":{"rendered":"https:\/\/www.marshall.edu\/website\/?page_id=513"},"modified":"2026-03-02T14:00:22","modified_gmt":"2026-03-02T19:00:22","slug":"billboard","status":"publish","type":"page","link":"https:\/\/www.marshall.edu\/marsha\/billboard\/","title":{"rendered":"Billboard"},"content":{"rendered":"\n\t\n\n\t
\n\t\t
\n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
Note on Billboard<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t\t
\n\t\t\t\t
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.<\/p>\n

The title renders as an H2. Do not<\/strong> add a separate H2 heading before the billboard.<\/p>\n

This component should not<\/strong> be the first item on a page \u2014 use the featured image hero instead. Multiple billboards on a page are fine, but should be separated by other content sections.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\t\n\n\t

\n\t\t
\n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
Renamed from mu_hero<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t\t
\n\t\t\t\t
This shortcode was previously called [mu_hero]<\/code>. The old name still works as a legacy alias, but all new usage should use [mu_billboard]<\/code>.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\n

Billboard Shortcode<\/h2>\n

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

    Billboard Shortcode Examples<\/h2>\n

    Billboard with Buttons<\/h3>\n\n
    \n\n\t\n\t
    \n\t\t
    \n\t\t\tShortcode<\/span>\n\t\t\t copied = false, 2000)\"\n\t\t\t\tclass=\"flex items-center gap-1.5 px-3 py-1.5 rounded text-[11px] font-medium cursor-pointer transition-all duration-150\"\n\t\t\t\t:class=\"copied\n\t\t\t\t\t? 'bg-green\/20 text-green border border-green\/30'\n\t\t\t\t\t: 'bg-white\/8 text-white\/60 border border-white\/10 hover:bg-white\/14 hover:text-white\/90'\"\n\t\t\t\tstyle=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\"\n\t\t\t>\n\t\t\t\t