Media Widgets





Gallery

coming soon!


Image

coming soon!


Jumbotron

The Jumbotron widget is a helpful option for displaying attention-gabbing headlines, most notably for homepage layouts. To use the Jumbotron widget, select it form the Content Widgets list, and begin entering content.


Add Basic Content


Static content can be added in three simple steps:




  1. Add a headline. 1a: Select a font.
  2. Add a sub-heading. 2a: Select a font.
  3. Add paragraph copy. 3a: Select a font.

Add Multiple Headlines

To make the content more dynamic, add multiple headlines and choose a method to display them. 



  1. Enable multiple headings 2a: Click Show Headings to display headline inputs.
  2. Add new headlines. Up to five are available
  3. Select an animation. 3a. Select an animation speed (the time it will take to switch between headlines). 3b. Select the duration, (time that the text will display for)
  4. Select Display the Cursor for a more authentic 'typing' effect (only applies to the 'Typed' animation)
  5. Make the cursor blink (only applies to the 'Typed' animation)
  6. Continue to loop through headlines.

Add a Button

The Jumbotron widget can display one custom button below the content.  To use more than one button below the Jumbotron, nest a row and add separate buttons there.  For more information on the button widget, click here.


For Best Results

Because there are so many options and capabilities of the widget, there are a number of things that can go wrong if not set correctly. Here are a few tips for best results.

  • Test all styles on mobile displays.
  • Be sure to set all values. For example, if a mobile font-size is set but the line-height is not adjusted, the headlines can overlap on mobile devices and become illegible.
  • Do not use a line-height of less than 1.0 on any headlines that use the 'fade' or 'slide' animation.
  • Be weary of negative margins. If they are used incorrectly, headlines can become illegible.


Lightbox

coming soon!


Logo

coming soon!


Slideshow

coming soon!


Video

Click the button to “Add Nested Row” at the bottom of the last row: http://prntscr.com/8zq210

· Select “Add Child Row” and hit the arrow on the far right of the “New Row” text: http://prntscr.com/8zq2x1

· Select the radio button for the type of row you want (in this case 50/50 since there are 2 videos per row) & hit “Save”: http://prntscr.com/8zq3ki

· If you scroll to the bottom of the page, you’ll see there is a new blank row added: http://prntscr.com/8zq5rj

· Hit the “Add Nested Row” button, then scroll to the bottom:  http://prntscr.com/8zq6mp

· The bottom row will be the new one you just added. On the far left, click the Up/Down arrow and drag the row to where you want it: http://prntscr.com/8zq6xf

· You’ll want to add it to the bottom of the section you want it placed: http://prntscr.com/8zq57k & http://prntscr.com/8zq844

· However over the first box in the new row and hit “Add Widget”: http://prntscr.com/8zq8mi

· Select the “Media” drop down and then hit “Video”

· Add the Video Type (YouTube) and the Video ID: http://prntscr.com/8zq9dy (the video ID can be found in the URL here: http://prntscr.com/8zq9o1)

· Hit “Submit” and you are done!