CSS for CNS forum "Preview" pop-up window
Posted
#5516
(In Topic #1282)

Standard member

In the cns forum's where is the css for the popup window when you hover over the preview button.
note i'm not talking about the button, but the contents of the floating window
I havn't been able to track it down yet
Thanks
Chris
Posted

Site director

It's a div with these CSS classes tooltip tooltip_ownlayout boxless_space.
It is a bit hard to debug as you can't use the browsers Inspect tool to click on the tooltip, as it disappears too quickly.
But there is a way. Assuming you are using Windows, there'll be a browser keypress to set the JS Debugger to paused. It may be F8 (that's what is in Firefox for me). I find it hard on a Mac as using function keys is hit and miss, so what I do is I keep the browser console open, hover the mouse, then type debugger; into the console, and press enter. That will also hit pause on the debugger. Once paused, the tooltip can't go away as JS is stopped.
Unfortunately when JS is paused you may not be able to use the browser's inspect tool either, as the browser implements it using JS, lol. But you will find the tooltip is a DIV appended right at the end of the body element (i.e. right near the bottom of the DOM tree). You should be able to mess with the CSS properties to experiment interactively.
Become a fan of Composr on Facebook or add me as a friend. Add me on on Mastodon. Follow me on Minds (where I am most active). Support me on Patreon
- If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
- If so, please let others know about Composr whenever you see the opportunity or support me on Patreon.
- If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying Composr on fun personal projects.
- If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
1 guest and 0 members have just viewed this.