??? The text is appearing, right? (And it should only appear sometimes, not all the time. If you really want something to appear all the time I'll have to modify the code.) If you want the text to appear in a speech bubble, you're going to need to style the div the text is in with css. I already told you that the div has a css class of "speechbubble". You can add something like this to your template theme's css:
Code:
.speechbubble {
position: relative;
padding: 15px;
text-align: center;
background: #FFFFFF;
-webkit-border-radius: 53px;
-moz-border-radius: 53px;
border-radius: 53px;
border: #7F7F7F solid 2px;
}
.speechbubble:after {
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
margin-left: -15px;
bottom: -15px;
left: 50%;
}
.speechbubble:before {
content: '';
position: absolute;
border-style: solid;
border-width: 16px 16px 0;
border-color: #7F7F7F transparent;
display: block;
width: 0;
z-index: 0;
margin-left: -16px;
bottom: -18px;
left: 50%;
}
Here's
a neat site where you can use a generator to style a speech bubble. When you're done, look at the very top edge of the page for a button that "CSS" and it'll pull down the code - change the class name from .bubble to .speechbubble and then that should work. Above, I've also done three other things that their generator doesn't do - I removed the width and height, for one, and two, I centered the text. This way it'll be only as big as it needs to be.