Welcome! To use this support forum, please Login or Join Today!

   

Mixing Unordered Lists and Tooltip Popups Elegantly

{name}
RankRankRank

Total Posts: 52

Joined 2014-11-03

PM

 
I'd looking for a better way to mix a bunch of popup screeenshots and videos with a page that is a long list – something attractive and relatively easy to code. The lists also have Font Awesome icons.

I'm using LiteToolTip.js plugin, and it's just awkward and tedious from a formatting and coding point of view to create this page
http://codecanyon.net/item/lite-tooltip-responsive-wordpress-plugin/4165378

Do you have any ideas, using perhaps some of the tools in the IMPACTO theme to make this page, with the tooltips by bullet points such that points in the list are illustrated?

http://votec.eplatt.com/products/pollbooks/#


Thanks!
{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 
I'm not familiar with this plugin. Are you getting the desired result, but the plugin is just awkward to use? If not, do you have a mockup of what you are trying to achieve?
{name}
RankRankRank

Total Posts: 52

Joined 2014-11-03

PM

 
Sorry if I was unclear.

I'm getting the desired result from the plugin now, I'm just having a hard time with the layout of thumbnails (with fancy bullets) in a Unordered list. So my question is, are there tools or ways to use the tools within the theme to make a cleaner, easier to manage layout?
The client's request was:
"LOOKING FOR THIS PAGE TO HAVE LOTS OF SCREEN SHOTS, MAYBE A FEW VERY SHORT VIDEOS (10 - 30 SECONDS), MAYBE A FEW MID-LENGTH VIDEOS (30 - 90 SECONDS) WHICH WILL APPEAR WHEN A SCREEN OR VIDEO ICON TO THE RIGHT OF THE TEXT BULLET IS HOVERED OVER"

I realize part of this question is a design question which is not in your realm. The part that's *not* a design question is using the built-in features of the them, such as templates, columns, or other shortcodes to build a layout:
For example, yesterday I realized I could try breaking the the thumbnails out into a separate column (using your shortcodes), possibly with sections. (This creates another design problem though: how to associate or the user the thumbnail with the right item in the list?)

It's not practical for me to do a mockup, but I'm going to go ahead and try making a version with columns at: http://votec.eplatt.com/poll-books-test/

So, I don't know if it's something you have any ideas about but thought I'd see what tools you might suggest.


Thanks