Align More Info Box under the image

  • Resolved jimmechanic

    (@jimmechanic)


    6 years, 11 months ago

    First, this plugin is great and it’s been working (in testing) perfectly. I’ve searched the posts many times and can’t seem to find the answer to my question, so here we go.

    I would like the “more info” box, which is currently set to the left, to be aligned under the actual image with the hotspots. This way when someone clicks on the hotspot, the information is displayed under the image.

    I’ve tried several different guesses at CSS mods, but can’t seem to get the trick.

    Thank you very much in advance.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author croixhaug

    (@croixhaug)

    Hi Jim,

    Thanks, glad our plugin is working well for you ??

    I think what you’re describing is a layout like this?
    https://wpdrawattention.com/teaching/

    I believe we had to modify the HTML output as well as CSS to achieve that layout. Our Pro version supports multiple layouts without having to write any code (including lightbox effect, tooltip, and the bottom-positioned layout in the link above) along with some other features.

    Thanks,
    Nathan

    Thread Starter jimmechanic

    (@jimmechanic)

    That’s exactly the layout I’m looking for! I figured it would require some coding, but I don’t mind trying. If this works out, then we can consider the Pro version. It’s hard to spend when you’re not sure you’re going to fully implement it.

    Thanks for the super quick response!

    Plugin Author croixhaug

    (@croixhaug)

    No problem, just let us know if you have any more questions!

    Thread Starter jimmechanic

    (@jimmechanic)

    Actually… you gave me enough of a hint to get it done! The PHP is really well-written (kudos to Nathan Tyler), so it only took two tiny edits and boom…done.

    thanks!

    (function($){
    $('.hotspots-image-container').insertBefore('.hotspots-placeholder');
})(jQuery)
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Align More Info Box under the image’ is closed to new replies.

Tags