Add border to MCTextPopupBody?

[Phlawm53]

------
For Flare 10 fully updated, HTML5 Target, Windows 7 64-bit fully patched.

How if at all does one add a border to a Glossary popup of type hyperlink?

I found my way to the following CSS which mostly works:

Code: Select all

span.MCTextPopupBody
{
	color: #009933;
	background-color: white;
	border: solid 2px #009933;
}

"Mostly works" because I can control the font color of the popup via color: #009933;, and the background color via background-color: white;. If I change those CSS attributes, when I roll over a Glossary entry in an HTML5 output page, the appearance of the Glossary definition popups appears as specified in the CSS -- to a point.

But the border attribute doesn't seem to work(?)

I also note that if I try applying, say, background-color: purple;, I don't really receive that change? But white does work.

I've tried wading through the online help but it isn't providing me with a solution.

Sigh...

Cheers & thanks,
Riley
SFO

[NorthEast]

This got me too a while ago.
The reason it's not working is because MadCap's default style for the popup has an !important property; so in the output TextEffects.css you have:

Code: Select all

.MCTextPopupBody {
    ...
    border: medium none !important;
    ...

So to counteract this, you'd need to use !important too:

Code: Select all

span.MCTextPopupBody
{
   color: #009933;
   background-color: white;
   border: solid 2px #009933 !important;
}

This is a good example why I don't like MadCap's default styles. Although they provide presets to get you started, I think it's confusing that they're hidden - they need to be fully visible in your source stylesheets, so you can easily change them.

If you get stuck like this again, try using browser developer tools (F12) to inspect the CSS.