Formatting Step Numbers in WebHelp

[pwonson]

Xmetal Enterprise 6.0

I am trying to make my numbers in steps bold and a different font weight.

I can do this by changing for example .stepexpand span to bold but the step results are outside the scope of the span and also get changed.

So I moved on to trying to reset the style in my custom.css for order lists. However the following code adds an additional number with the correct formatting:

ol, .ol { list-style: decimal; counter-reset:step 0; }
ol li:before, .ol li:before{counter-increment:step; content:counter(step) “.”; font-weight:bold;}

Results look like:

1. 1. the text of step one. the results of step 1
2. 2. the text of step two. the results of step 2

I am sure this is an easy fix 😀

Reply

[JoAnne]

would wrapping the stepresult text in a different tag (maybe a < p >  or < lines > a make a difference?

Reply

[Derek Read]

All you should need to do is change “decimal” to “none”.

However, that assumes that you can rely on all of the browsers the people will be viewing your content with support the pseudo-element “:before” and the other necessary properties for it. You might wish to check that at a site that specializes in CSS and browser support. From what I can tell, as long as your readers aren't using IE you should be OK. People with versions of IE up to and include version 7 will likely see a list with no numbers (so you'd probably want to employ one of the hacks that allows IE to use less fancy CSS while having all other browsers use your fancy version).

(search for “:before”)
http://www.quirksmode.org/css/contents.html
http://kimblim.dk/css-tests/selectors/

Reply

[Author]

Posts