Changing font attributes of DHTML dropdown hotspot text in css does not "take"

Report · Oct 25, 2011

RH9, WebHelp Pro

Below is the CSS style definition for my dropdown hotspots.

A.dropspot {

cursor: hand;

font-family: Calibri;

font-size: 11pt;

color: #000000;text-decoration: none;

Problem is, no matter what I change the text color and size to (using the style editor in RH9 of course) it never changes in output, either WebHelp or WebHelp pro. Other attributes DO change -- for example I can include twisties or not, and they come through in generation, but NOT the font color or size for the text.

So even though the above show black text, in fact the generated text is not black -- it remains the previous color, which is blue.

Does this ring a bell with anyone here?

Thanks.

Report · Oct 26, 2011

Hi,

This sounds like some other style is overriding your styling. What happens if you add !important after the probematic styles? What happens when you change the text decoration or the font-style?

A.dropspot {

font-size: 11pt !important;

color: #000000 !important;

}

If this works, some other style is mucking about. It may be that there is inline styling, another style in your style sheet or a setting in your browser that overrides the styling. (A user can specify default styling in the browser, such as blue for hyperlinks. The !important attribute can overwrite that styling.

Greet,

Willam

Report · Oct 26, 2011

Thanks I will try that trick if it happens again.

I reverted to an earlier version of the css, and things came good (hooray for source control!), so I suspect that the css had got corrupted somehow.

The only remaining issue is that there appears to be no way in WebHelp Pro of preventing the search input box from appearing in the toolbar if I specify that there should be the Search button in the toolbar. I know how this is supposed to work; I can select or clear that option in the Project Setup > Window properties, but doing so seems to have no effect. I can get both the Search button and the Search input field in the toolbar, or I can get neither, but I can’t get JUST the Search button.

Michael West

Message was edited by: Captiv8r - Personal info removed.

Report · Oct 27, 2011

Hi,

So the problem is in the new css. Is there maybe another definition for a.dropspot? Do you use inheritance such as p a? If you send me your css I can take a look.

For the WebHelp Pro: I don't know anything about that. Perhaps Column or someone else can help with that.

By the way: You've included your personal information in your post. These forums can be searched by google, so you probably want to exclude that information. Perhaps Rick would be so kind as to remove that info for you.

Greet,

Willam

Report · Oct 27, 2011

Hi Willam,

Probably not worth troubleshooting now as long as I’ve got it working.

Thanks for pointing out the personal info, and if Rick is reading this, please assist.

Thanks again.