html - How to create a full width blog gallery? -


i have rss gallery blog works correctly, want give other style to rss gallery , convert it, kind of stuff.

gallery rss

somethings this, works html code or gallery enter link description here idea transform galley, other more style (like image) see new gallery has color on image. how possible reach result?

<div class="summary-item              summary-item-record-type-text              sqs-gallery-design-autocolumns-slide                summary-item-has-thumbnail              summary-item-has-excerpt              summary-item-has-cats              summary-item-has-tags              summary-item-has-author              summary-item-has-comments-enabled              positioned sqs-active-slide" id="yui_3_17_2_1_1502763821533_136" data-type="image" style="width: 394px; top: 0px; left: 0px; height: 465px;">      <!-- thumbnail -->    <div class="summary-thumbnail-outer-container" id="yui_3_17_2_1_1502763821533_777">      <a href="/blog/2017/7/8/moving-to-mars" class="summary-thumbnail-container sqs-gallery-image-container" data-title="moving mars?" data-description="" id="yui_3_17_2_1_1502763821533_776">        <div class="summary-thumbnail img-wrapper">            <!-- main image -->          <img data-src="https://static1.squarespace.com/static/57576ad72b8dde200e3dd691/57576d11cf80a1209488599d/596097dcb8a79bc707f5731a/1500554709568/treeoflife-ecosistem-bycharliehenry.jpg" data-image="https://static1.squarespace.com/static/57576ad72b8dde200e3dd691/57576d11cf80a1209488599d/596097dcb8a79bc707f5731a/1500554709568/treeoflife-ecosistem-bycharliehenry.jpg" data-image-dimensions="1279x1321" data-image-focal-point="0.5,0.5" data-load="false" class="summary-thumbnail-image   loaded" style="" alt="moving mars?" data-version="module" src="https://static1.squarespace.com/static/57576ad72b8dde200e3dd691/57576d11cf80a1209488599d/596097dcb8a79bc707f5731a/1500554709568/treeoflife-ecosistem-bycharliehenry.jpg?format=1500w" data-image-resolution="1500w">          </div>      </a>        <!-- products: quick view -->    </div>      <div class="summary-content sqs-gallery-meta-container">        <!-- title -->      <div class="summary-title">        <a href="/blog/2017/7/8/moving-to-mars" class="summary-title-link">moving mars?</a></div>        <!-- metadata (below title) -->      <div class="summary-metadata-container summary-metadata-container--below-title">        <div class="summary-metadata summary-metadata--primary">            <!-- timestamp -->          <time class="summary-metadata-item summary-metadata-item--date" datetime="2017-07-20">jul 20, 2017</time>            <!-- categories -->          <span class="summary-metadata-item summary-metadata-item--cats"><a href="/blog/?category=design">design</a></span>            <!-- tags -->          <span class="summary-metadata-item summary-metadata-item--tags"><a href="/blog/?tag=design">design</a>, <a href="/blog/?tag=fine+art">fine art</a></span>            <!-- author -->          <span class="summary-metadata-item summary-metadata-item--author"><a href="/blog/?author">charlie henry</a></span>            <!-- comments -->          <span class="summary-metadata-item summary-metadata-item--comments">              <a href="/blog/2017/7/8/">comment</a>            </span>        </div>      </div>


Comments

Popular posts from this blog

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

python Tkinter Capturing keyboard events save as one single string -

sql server - Why does Linq-to-SQL add unnecessary COUNT()? -