What are Layouts?

Last Updated: January 3rd, 2022

Every Ditty item has a Layout attached to it that controls the HTML and CSS used to render its content. Each Item type has its own set of Layouts that include placeholder tags and CSS selectors specific to the item type. You can also use custom HTML and CSS to render the item exactly how you want.

How to select a layout

  • Click the second icon on the right to edit the layout
  • Click the double arrows
  • Variation Panel:
    • Please see Layout Variations Panel for more information on how to edit the HTML & CSS code to customize your layout