Wikia

Community Central

Admin Forum:What creates the speech bubble "tail"?

18,687pages on
this wiki
Talk0

This Forum has been archived

Forums: Admin Central Index Technical Help What creates the speech bubble "tail"?
Wikia's forums are a place for the community to help other members.
To contact staff directly or to report bugs, please use Special:Contact.


You know that little triangular "tail" on speech bubbles that points back to one's avatar? It can be seen easily enough on the User Profile Masthead or on the first post of a thread with the new forums/Message Wall/Blog. What is creating that? I've been trying to select it with the Firefox console mouseover, but I can't specifically choose it. Is it some image that's z-indexed down below the level of the main div that's floating on top? czechout@Wikia    fly tardis 00:09: Mon 03 Dec 2012

Firebug Pseudo-selector before
Those little triangles are created using the :before and :after pseudo-selectors, which is why you can't click on them. To find them, you actually have to inspect elements near them until you (hopefully) find the one on which the pseudo-selector was used.


Here's sample code demonstrating what selectors to use.
/* make little triangle next to avatar
   in article/blog comments disappear */
.SpeechBubble .speech-bubble-message:after,
.SpeechBubble .speech-bubble-message:before {
    display: none;
}
 
 
/* make little triangle next to avatar
   in profile mastheads disappear */
.UserProfileMasthead .masthead-info-lower:before {
    display: none;
}
20px_Rin_Tohsaka_Avatar.png Mathmagician ƒ(♫) 00:34 UTC, Monday, 3 December 2012
I'd completely given up on removing that pest (the user page one). I'll be using that code too, thank you, Mathmagician. And thanks, CzechOut, for bothering to ask! :D Starfleet Academy (Messages) 08:25, December 3, 2012 (UTC)
/me bangs forehead on desk
Of course it was a pseudo. Thanks MM :) czechout@Wikia    fly tardis 04:53: Sat 08 Dec 2012

Around Wikia's network

Random Wiki