TopBox Thumbnails in a grid

(Bruce Kieffer) #1

Any suggestions for me to get TopBox thumbnails into a responsive grid? I want my page to look like the built-in photo album plug-in, but I want to use stacks so I can make sections and heading on the page. I want some white space between the images too. Here’s the page I’m working on:

(Brad Halstead) #2

Just some feedback @bruce

Your social icon classes are above your doctype definition, they should be in the HEAD section.




(Will Woodgate) #3

I’m away from RapidWeaver at the moment, but Topbox has a ‘TopBox Trigger’ (or similar) setting and one of the options is ‘Custom’. When that is enabled your normal trigger is hidden and you can instead trigger one or more TopBox stacks on your page with your own links. Those images could quite easily be from within another grid stack. You may wish to take a look at my FREE AdaptiveGrid or UsefulGrid stacks, if you want a strong and responsive grid for your thumbnails to go into.

Working on the assumption one of your TopBox stacks on the page had an ID of something like .TopBox1 then you could give a thumbnail a link of # with a custom class of TopBox1 and then that would open that particular TopBox. There is more info on the website.

(Bruce Kieffer) #4

@Turtle, Thanks for the… HEADS… up! I fixed it on both of my “Strata” theme sites. I was just guessing when I put it in the prefix master code area. Nick Cates says to put the social code in the sidebar, but I wanted it site-wide. I put it in the prefix area, it worked, so I thought I was golden. I’m learning with your help.

(Bruce Kieffer) #5

@willwood, Thanks for the info. I was looking at your S4S site last night, and I saw both of your “grid” stacks. I plan to look at those. Then I saw your SwipeGallery stack, and I must say I think that is exactly what I need. I’m going to play with the demo. I want to thank you very much for offering demos so we can see that the stack fits our needs.

(Will Woodgate) #6

If the responsive thumbnail grid and a powerful lightbox effect are an essential requreiment, you may also want to look at the ProGallery stack: