Notes

 

font awesome

Font awesome zero width iTag unicode spacer. This is the work-around when the editor removes the font awesome iTags. 

 

To Display:   

Embed:       <i class=”far fa-envelope”>&#x200B;</i>

 

image sizes

Lock Width @ 960 pixels

Aspect Ratio Dimensions
1×1 960×960
4×3 960×720
6×4 960×640 Classic Film
7×5 960×686
16×10 960×600
16×9 960×540 High Definition
21×9 960×411 Cinemascope 
Custom As needed

Lock Height @ 1080 pixels

For those who are drawn to a standard 16×9 HD image, the following are dimensions locked to a 1080 height.

Aspect Ratio Dimensions
1×1 1080×1080
4×3 1440×1080
6×4 1620×1080 Classic Film
7×5 1512×1080
16×10 1728×1080
16×9 1920×1080 High Definition
21×9 2523×1080 Cinemascope 
Custom As needed

 

other dimensions
  • page with sidebar – 865px wide
  • page without sidebar – 1165px wide
  • sidebar – 221px wide

 

managing devices

Content can be hidden by adding the following css classes.

 

print:hidden – do not print

web:hidden – do not display on web

mce:hidden – do not display in editor

 

Tailwind Media (tailwind docs)

hidden / sm:hidden / md:hidden / lg:hidden – display: none;

block / sm:block / md:block / lg:block – display: block;