How to Create the Top & Bottom Banners | Weizen Young

How to Create the Top & Bottom Banners

Top Banner

Below you'll find a video that explains how to create the Top Banner, as well as the code and notes.

Code

Notes

Font Awesome 4.7.0
https://fontawesome.com/v4.7.0/icons/

Inline Style Examples

  • style="color: #FF000;" 
  • style="font-size: 60px;" 
  • style="color: #FF000; font-size: 60px;" 

Default Font Sizes:

  • Icons are 48px
  • Headline is 20px
  • Sub-Headline is 16px

Bottom Banner

Below you'll find a video that explains how to create the Bottom Banner, as well as the code and notes.

Code

Notes

Image Size & File Type
  • File Type: PNG or JPG 
  • Width: 433px 
  • Height: 225px (optional)