Forum | Appery.io

Hello,
I successfully created a photoswipe gallery. I'd like to know how to alter the html so the thumbnails appear 3 per row instead of just 1 per row. I've tried tabling them, but when I test the photoswipe gallery doesn't load.

Here's the code I pasted:
ul class="gallery"

 li[url=http://www.photoswipe.com/latest/examples/images/full/001.jpg][img]https://sslproxy.getsatisfaction.com/sslproxy/SWhAdDNLMG5zdGFuVGlWerYmtAC47Kf3t1Hp8hN2QG6tEn_6hO5Ki-MgebnuGvC8HvbBOfbmnAy29ObepVvkVstcUpj8FSeFg55llvr5cmU=.jpg[/img] [/url]/li 

/ul
ul class="gallery"
li /li
/ul
ul class="gallery"
li /li
/ul
ul class="gallery"
li /li
/ul

thank you!

What code did you try?

Hi Jennifer,

All the photographs should be in one ul list.

For each tag add li class, for example, "gallery_item".
Add to your app CSS asset with the following code:
code.gallery_item {
display: inline-block;
}/code

Worked perfect. Thank you!