Implementing this map

YES! https://thepostrider.com/testing-page/ That worked! Finally it’s up, just a bit askew and oddly positioned – but I imagine that can’t be too hard to fix with some <br> tags, etc. – and the hover overs are showing up all over the place, but I’m sure that can’t be too complicated.

Thank you, thank you! Sorry for all the back and forth, but greatly appreciated! ??

• This reply was modified 6 years, 4 months ago by larsemerson.

Awesome! No worries about all the posts this took, there were several problems to resolve, all of which couldn’t be seen until other issues are resolved, combined with unexpected WP post-processing of content.

You’re right, now that the basic functionality is all working, the appearance and positioning can all be adjusted. Primarily with appropriate CSS rules. If you don’t already do so, use your browser’s CSS Inspector tool to help you figure out what CSS is being applied to which elements, and it is a great aid in determining how the rules need to change and what added rules are needed.

All right – got it looking really good, coming back to you because I think a brief change will require the javascript to change as well. How would I:

1. Make the “info-box” always displayed above the map
2. Get the “info-box” to be filled with the content from the state that was last clicked on, and that state is highlighted a slightly different color
3. So that when you click on another state then it changes the content (though not the size of the info-box)

I think this is a mix of CSS and JS, right? I’d have to switch out some of the hovers for “click” right? But even though I did that for the first element I can’t get it to stay steady.

Additional follow-up, so it looks like the script I’m enqueing is only for the admin? Other users can’t see the “click” functionality, only when I’m logged in as the admin does it work.