Skip to main content
A
avi10000
Known Participant
April 26, 2010
Question

RH7 - How to customize bullets (maybe this is more CSS than RH)

  • April 26, 2010
  • 1 reply
  • 552 views

Hi all,

How can you customize bullets so that:

- The circle bullet's radius is a bit smaller

    • Like I see this

- The indentation is a bit less

  • Like this

(Maybe this is more CSS than RH.)

TIA

  - avraham

    This topic has been closed for replies.

    1 reply

    Willam van Weelden
    Willam van Weelden
    Inspiring
    April 27, 2010

    Hi,

    It is indeed a css question. To get this to work correctly (and keep it working correctly if you upgrade to a new RH version) there are several steps you have to take. What you need to do depends on what you want. Do you use only one kind of unordered list?

    If you use only one kind, the easiest way goes like this:

    1. In your CSS add UL {font-size: 10pt;}. Amend the value to make the bullet larger/smaller.

    2. Next, set the indent in the added UL tag. Add margin-left: xxpt; Amend the value to make it indent more or less.

    3. In RoboHelp, create a new paragraph. Give this paragraph the styling you want, including font size. Do not add a bullet!

    4. In RH, click the unordered list button. Then select the paragraph you created.

    Greet,

    Willam

    This e-mail is personal. For our full disclaimer, please visit www.centric.eu/disclaimer.

    A
    avi10000Author
    Known Participant
    April 27, 2010

    1. Wow! Thanks!

    2. "Do you use only one kind of unordered list?"

    No. Where necessary, I need a Level 1 bulleted list and also a Level 2

    bulleted list.

    3. I also have to generate Word/PDF. Have you by any chance got any idea how

    well the mechanism you presented (are presenting) works with conversion to

    Word/PDF?

    Great thanks,

    - avi

    Willam van Weelden
    Willam van Weelden
    Inspiring
    April 27, 2010
    Hi,

    2. Multilevel lists are a bit of pain in RH7. Personally, I use HTML to create multilevel lists. In your CSS, add UL UL {} to target all level 2 bulleted lists. You can use completely different styling. To add the second level of a list, go to HTML mode. Add
      BEFORE the
      of the element you want the second level to display under. Such as:



        2. First item



            2. Sub 1


            4. Sub 2




        4. Second item


      This shows up as this:

      · First item

      o Sub 1

      o Sub 2

      · Second item

      3. Standard, all your unordered lists get the list style of the first level. A little playing with style mapping.dot fixes it. For each level in a multilevel list, I use a different paragraph style. I use these paragraph styles only for the style mapping.dot, so I can easily find and optimize the second list levels in Word.

      Greet,

      Willam

      This e-mail is personal. For our full disclaimer, please visit www.centric.eu/disclaimer.
      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices