<div class="tiled-gallery type-square" ... <div class="tiled-gallery-item"> <a href="https://deepcoder.wordpress.com/?attachment_id=55" border="0"> <img width="189" height="189" ... </a> <div class="tiled-gallery-caption" style="display: none;">Where We Start</div> ... <div class="tiled-gallery-caption" style="display: none;">Where We Want To Go</div>
The WordPress Chunk theme gallery code opens with CSS classes for a tiled-gallery of type-square layout. Then the item gets its own div and class tiled-gallery-item. The item is actually an image (img tag) wrapped in a link (a tag).
Nice, except my theme throws away my carefully worded captions as seen in the last lines with local (read low tech, poor style) style=”display: none;“.
Stay tuned as we learn about Firebug and FirePHP for HTML/CSS delving with the Inspect-Element button and progress to deeper looks at script code.