Any Firebug tricks that you know of that will see this?

HTML & CSS
1

Any Firebug tricks that you know of that will see this? I have a third party app that I am trying to customize. All is good except for the stuff that gets inserted (by js) only when you hover over something. When I move the mouse to turn on inspect item with firebug the newly inserted element goes away. So, I can’t find the class associated with it, so I can’t target it to customize it. Any tricks around that???

For instance… I can inspect the element >> I see that it is a span >> I see that when I hover over the the span a box gets inserted and the span gets a plus sign next to it showing that it now has a newly inserted box in it >> but if I unhover the span to click the plus sign and see what it is, the box and the plus sign go away >> my problem!

2

Can you show us a link where this is at? Normally with disappaering elements like that, in firebug I’ll select the container (onrmally it has display:none; or soemthing set on it) and I"ll just manually set display:block; and bring it into view and then go from there.

Is that what you meant? If not please provide a link so we can see waht you mean :). I’m pretty good with Firebug.

3

Sure - thanks for looking! :slight_smile: Here is the link http://tinyurl.com/yco4re7

Two spots I need to target. One, hover over Eric Watson in the already made comments area. See that box that pops up? I need to target it and it’s inner stuff. Two, make a comment, and see the white overlay that shows briefly over the comment form while the comment is posting? I need to target that too! And if you figure out how to do it, can you also tell me how?

4

I know you can use arrows to move through the elements.

Like, right click the last eric watson image. Make sure in Firebug that you have that <img> highlighted, upon hovering you can use the down arrow to move down to that div, the right arrow to see the children (so on and so forth)

I don’t think you can go try and edit the CSS because the focus is set on the HTMl side and not hte CSS

If you can find a way for that then I suppose you can do it yes.

Though this would be easier if you didn’t inject/deject the HTML from the page, instead just hide it :slight_smile:

5

Hmm, that’s a pain. Safari shows one more level, and these styles are applying to the containing div of the popup, which you can find in echo.php:

.js-kit-miniProfile-popup
.js-kit-singleCmtMiniProfile
.js-kit-singleCmtProfileEnabled
.js-kit-miniProfile

You might be able to change styles by playing with these.

6

Hey guys - thanks! With your info, and a couple good guesses, I was able to get it sorted.