Visual Markup Guide

The web page structure of the Genesis Framework is characterized by a layout of HTML5 (for Pro themes) or XHTML (for non-Pro themes) elements.

Below, we have included a visual markup guide to help you envision the placement of each element on the page and their respective markup structures.

Refer to this guide when customizing and creating your own Genesis child themes.

Note: Click on the image below to see an enlarged version (you may need to click the image once more to view it at full size).

What are your feelings