Quantcast
Channel: Toolset » All Posts
Viewing all articles
Browse latest Browse all 20145

Reply To: [Assigned] How To Have Grid Items Listed Vertically Instead of Horizontally

$
0
0

I used this Layout below which works, but uses 3 Loops. Is that ok? I feel like it's a lot of code and that there could be an easier way:

<div style="width:160px; float: left; margin:10px;">
  <wpv-loop>
    
[wpv-item index=1]
    <span class="date-style"> [types field="upload-nasdaq-all" link="true" title="[types field="file-date" style="text" format="F j, Y"][/types]"][/types] </span>

[wpv-item index=2]
 <span class="date-style">[types field="upload-nasdaq-all" link="true" title="[types field="file-date" style="text" format="F j, Y"][/types]"][/types] </span>
    
[wpv-item index=3]
 <span class="date-style">[types field="upload-nasdaq-all" link="true" title="[types field="file-date" style="text" format="F j, Y"][/types]"][/types] </span>

[wpv-item index=4]
<span class="date-style"> [types field="upload-nasdaq-all" link="true" title="[types field="file-date" style="text" format="F j, Y"][/types]"][/types] </span>

[wpv-item index=5]
 <span class="date-style">[types field="upload-nasdaq-all" link="true" title="[types field="file-date" style="text" format="F j, Y"][/types]"][/types] </span>
            </wpv-loop>

</div>

  <div style="width:160px; float: left; margin:10px;">
  <wpv-loop>

[wpv-item index=6]
 [types field="upload-nasdaq-all" link="true" title="[types field="file-date" style="text" format="F j, Y"][/types]"][/types]

[wpv-item index=7]
 [types field="upload-nasdaq-all" link="true" title="[types field="file-date" style="text" format="F j, Y"][/types]"][/types]

[wpv-item index=8]
 [types field="upload-nasdaq-all" link="true" title="[types field="file-date" style="text" format="F j, Y"][/types]"][/types]

[wpv-item index=9]
 [types field="upload-nasdaq-all" link="true" title="[types field="file-date" style="text" format="F j, Y"][/types]"][/types]

[wpv-item index=10]
 [types field="upload-nasdaq-all" link="true" title="[types field="file-date" style="text" format="F j, Y"][/types]"][/types]
    </wpv-loop>

  </div>
  
  <div style="width:160px; float: left; margin:10px;">

  <wpv-loop>

[wpv-item index=11]
<span class="date-style"> [types field="upload-nasdaq-all" link="true" title="[types field="file-date" style="text" format="F j, Y"][/types]"][/types]</span>

[wpv-item index=12]
<span class="date-style"> [types field="upload-nasdaq-all" link="true" title="[types field="file-date" style="text" format="F j, Y"][/types]"][/types]</span>

[wpv-item index=13]
<span class="date-style"> [types field="upload-nasdaq-all" link="true" title="[types field="file-date" style="text" format="F j, Y"][/types]"][/types]</span>

[wpv-item index=14]
<span class="date-style"> [types field="upload-nasdaq-all" link="true" title="[types field="file-date" style="text" format="F j, Y"][/types]"][/types]</span>

[wpv-item index=15]
<span class="date-style"> [types field="upload-nasdaq-all" link="true" title="[types field="file-date" style="text" format="F j, Y"][/types]"][/types]</span>

               </wpv-loop>

</div>

     

Viewing all articles
Browse latest Browse all 20145

Trending Articles