Contextual popup image

[jana]

All links in my journal are styled with 'border-bottom: 1px solid #someColor;' which also affects the contextual popup image. I don't want a border in this particular case, but I cannot seem to get rid of it.

I've tried .ContextualPopup{border: none !important;} and .ContextualPopup a{border: none !important;}, but it doesn't have any effect. Nor does .ljuser a img{border: none !important;}

What am I overlooking?


EDIT: Picture of what I mean (the red dots showing which image(s) I'm talking about)




EDIT 2: Like someone pointed out to me, it's not the contextual popup but the user name icon (or user link).

Comments

[jana]

I think I've figured it out. .ljuser consists of two kinds of links - a (=mini icon) and b (=user name) - so you need to style each individually. So it's like you said first, the link wasn't actually on the image. But the entire linking item doesn't consist of one box but two different boxes.

So, thanks for pointing me in the right direction :)

My solution:

a, b {color: #1b649a; text-decoration: none; border-bottom: 1px solid #ddd;}
a:hover, b:hover {color: #073a60; border-bottom: 1px solid #073a60; }
a:visited, b:visited {color: #073a60; text-decoration: none; border-bottom: 1px dotted #073a60; }
a:visited:hover, b:visited:hover {color: #073a60; border-bottom: 1px solid #073a60;}

.ljuser a{border: none !important}

[stormy]

Yeah, it's definitely formulated by something that looks like this:

image link

With each section being its own link, and the style being applied to .ljuser being applied to each part.