Code
<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;“.
Update
Happy after publishing the post as my captions show up in a hover event. But there is a mystery which begs deeper code browsing. While there are CSS hover sections, the low level HTML local style=”display: none;“ gets dynamically overwritten at the HTML level by some script. Firebug shows me a goodly number of javascripts. And we know that WordPress uses PHP such that we may need FirePHP to go deep into this code.
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.