Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Font of alpha list bullets is different from the bullet text

Explorer ,
Apr 20, 2011 Apr 20, 2011

TCS3/FM10/RH9

Windows XP

I have several alpha lists and the font of the alpha bullet is different from the font of the alpha bullet.  How do I change this in CSS?

Thanks in advance.

971
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Apr 21, 2011 Apr 21, 2011

Hi,

So the font of the list character is different from the font of the paragraph? Do you convert the FM autonumber to a HTML list, or to hard text?

Greet,

Willam

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 21, 2011 Apr 21, 2011

William,

Yes, the font of the list character is different from the font of the paragraph.  I have converted the autonumber to an HTML list.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Apr 21, 2011 Apr 21, 2011

Hi,

Can you post the HTML of such a generated list? That makes it easier to come up with a solution.

You can allways set a default font for ordered lists in your style sheet, to insure that you allways use the same font. For example, to use Arial as the default font for all your ordered lists, add:

ol { font-family: Arial, sans-serif; }

to your style sheet. Since you seem to have a problem with a specific list type, it might be better to set the styling for only the specific list style.

Greet,

Willam

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 21, 2011 Apr 21, 2011

Here's the HTML:

</ol>
<ol start="1">
<li type="a"><p class="substep">Select <span style="font-weight: bold;">Object
  Attribute</span>.</p></li>
<li type="a"><p class="substep">Select attribute values.</p></li>
<li type="a"><p class="substep" style="margin-bottom: 17.000pt;">Go
  to Step&#160;5.</p></li>
<li type="1"><p class="Steps">To populate the right-side operand with
  a variable:</p></li>
</ol>

Here's the portion of the CSS:

LI.p-substep{
font-family: Tahoma;
font-size: 11pt;
list-style-type: lower-alpha;
list-style-position: outside;

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Apr 22, 2011 Apr 22, 2011

Hi,

If you look at the HTML, you see that the li elements have the type attribute with the value "a". This means that that list item is numbered by a lower alpha character. There is no other styling for the list element. The content inside your list is placed in paragraphs with the style "substep" or "Step" and the content is rendered by the paragraph style. The numbering is part of the list item and does not contain a class.

The way to solve you problem is to add the class "p-substep" to the li elements. You can for example do a find and replace in your project (back up first!) to replace all occurences of <li type="a"> with <li class="p-substep"> and your problem should be solved. All the alpha numbered lists will then use the styling from the style you provided.

As for the Styles and Formatting POD, it shows the formatting style of the paragraph, not the formatting of the list items. For the list items, select the list, right click and select Bullets and Numbering. That's where you select the style of the list items themself. So the text in your lists are inside paragraphs with the style "substep" or "Steps" and the text is rendered accordingly. You can ofcourse use this method to manually select the lists and select the correct styling, but a script of a find and replace operation will be much faster.

One more note about FM integration: I found that RH creates separate style sheets for every RH file you import or link. These style sheets are not perfect copies of the conversion style sheets and may not have the LI.p-substep definition. You may have to assign the original style sheet to the files.

Greet,

Willam

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 22, 2011 Apr 22, 2011
LATEST

William,

Rather than make the change in the project, I would rather make the change in the stylesheet.  I was aware of the multiple stylesheets and use the old fmstyles.css to govern the project.

How would I make this change in the stylesheet?

Thank you so much for your help.

Mary

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp