What are layouts?

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 layout
Image Placeholder

  • Click the double arrows
Image Placeholder



  • Variation Panel:
    • Please see Layout Variations Panel for more information on how to edit the HTML & CSS code to customize your layout
Image Placeholder