Skip to main content
A
Anonymous
August 11, 2009
Question

Changing the format of bullets

  • August 11, 2009
  • 1 reply
  • 1656 views

Hi,

No matter what I try, I can't change the format of my second tier bullet points. Does anyone know if the Styles > Bullets and Numbering options ever work and how? I just want to indent the second tier of bullets and give them a hollow circle, so that they're identical with my FM manual but so far I can't indent the bullets and they remain solid black bullets. Thanks in advance, S

This topic has been closed for replies.

1 reply

Willam van Weelden
Willam van Weelden
Inspiring
August 11, 2009

Hi,

Can you post the html code and the css-code of the list you are having problems with?

Greets,

Willam

A
Anonymous
August 11, 2009

Hi, I've noticed that it looks correct in the 'Design' view within RoboHelp but not so in the browser. Thanks, S.

The HTML is:

<ul><li class=p-FM_Bulleted><p class=FM_Bulleted>Activity</p></li>
    <li class=p-Bullet2><p class=Bullet2>Escalator Up</p></li>
    <li class=p-Bullet2><p class=Bullet2>Escalator Down</p></li>
    <li class=p-Bullet2><p class=Bullet2>Stairs Up</p></li>
    <li class=p-Bullet2><p class=Bullet2>Stairs Down</p></li>
    <li class=p-Bullet2><p class=Bullet2>Waiting</p></li>
    <li class=p-Bullet2><p class=Bullet2>Delayed</p></li>
    <li class=p-Bullet2><p class=Bullet2>Walking</p></li>
    <li class=p-Bullet2><p class=Bullet2>Queuing</p></li>
    <li class=p-FM_Bulleted><p class=FM_Bulleted>Entity Type</p></li>
    <li class=p-FM_Bulleted><p class=FM_Bulleted>Final Destination</p></li>
    <li class=p-FM_Bulleted><p class=FM_Bulleted>Origin</p></li>
    <li class=p-FM_Bulleted><p class=FM_Bulleted>Target</p></li>
</ul>

The CSS code, I guess, is:

P.Bullet2 {
    font-family: Verdana, sans-serif;
    font-size: 10pt;
    list-style: inside circle;
    text-indent: 0in;
    margin-left: 46pt;
}


LI.P-Bullet2 {
    font-family: Verdana, sans-serif;
    font-size: 10pt;
    list-style: inside circle;
    text-indent: 0in;

}

Willam van Weelden
Willam van Weelden
Inspiring
August 11, 2009

Hi,

Replace the two styles with:

P.Bullet2 {

font-family: Verdana, sans-serif;

font-size: 10pt;

text-indent: 0in;

}

LI.p-Bullet2 {

font-family: Verdana, sans-serif;

font-size: 10pt;

list-style-type: circle;

text-indent: 0in;

margin-left: 46pt;

}

Note that the style LI.P-Bullet2 is without a capital P. CSS is case sensitive (in some browsers) when using XHTML. I also moved the margin-left from the paragraph to the list item, otherwise you will have a bullet, and then an indented paragraph. I removed the inline declaration, because that causes problems for Firefox.

Please note my earlier advice and use multi level lists.

Greets,

Willam

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices