Skip to main content
A
Anonymous
September 20, 2011
Answered

Changing color and style of bullet points

  • September 20, 2011
  • 4 replies
  • 10289 views

Good day. I know this may sound like a stupid question, but I need some assistance in changing the color and style of the bullet points in Captivate 5.5. How do I do that?

Thank you

Correct answer Lilybiri

No, but you can insert an image or symbol in a separate caption (or rectangle/other drawing object) on top of the text caption,

Just out of curiosity, because this is a new version of the forums and I already experienced some strange behavior: did you mark yourself the original question and your second question as 'helpful answer'? This seems very weird, the fact that you can mark your own question as a 'helpful answer', totally unexpected.

Lilybiri

4 replies

Andrew Allan
Andrew Allan
Participant
March 2, 2022

I had this exact same requirement. Initially I was making pretty complex bullet-list-looking things using images next to text captions. 8 objects to make a 4-point bullet list. Absolute nightmare for responiveness and a pain to build.

 

I wanted my bullet lists to look like this, to match the designs I was provided:

 

I devised a way to use CSS entities by injecting CSS into the <head> using an execute javascript action on the first slide of my projects, as such:

 

$('head').append('<style>
    [id*="_BLD"] ul li span.cp-liFirstLine::before {
        content: "\\\\\\\\2B2C"; 
        font-size: 0.8em; 
        color: #E84D0E; 
        display: inline-block; 
        width: 1.3em; 
        margin-left: -1.3em;
    } 
    [id*="_BLD"] ul li ul li span.cp-liFirstLine::before {
        content: "\\\\\\\\2B2D"; 
        font-size: 0.8em; 
        color: #E84D0E; 
        display: inline-block; 
        width: 1.3em; 
        margin-left: -1.3em;} 
    [id*="_BLD"]  span.cp-numbering {
        display: none !important;
    } 
    [id*="_BLD"] ul li span.cp-liFirstLine, 
    [id*="_BLD"] ul li ul li span.cp-liFirstLine {
        padding-left: 1.9em;
    }   
</style>');


You have to not have any line breaks in this, so here's the above without those:

 

$('head').append('<style>[id*="_BLD"] ul li span.cp-liFirstLine::before {content: "\\\\\\\\2B2C"; font-size: 0.8em; color: #E84D0E; display: inline-block; width: 1.3em; margin-left: -1.3em;} [id*="_BLD"] ul li ul li span.cp-liFirstLine::before {content: "\\\\\\\\2B2D"; font-size: 0.8em; color: #E84D0E; display: inline-block; width: 1.3em; margin-left: -1.3em;} [id*="_BLD"]  span.cp-numbering {display: none !important;} [id*="_BLD"] ul li span.cp-liFirstLine, [id*="_BLD"] ul li ul li span.cp-liFirstLine {padding-left: 1.9em;}</style>');

 

Then when adding a text caption or smart shape where you want any included bulleted list to pick up the above styles, simply add "_BLD" to its ID. The above will work with lists to 2 levels using a different CSS entity for each. I really love the 8 slashes in order to output a single slash in the code.

 

This should provide a start to being able to use any image you like as the bullet if there isn't a suitable entity. The outcome? Here's a bullet list using the above method, to 2 levels:

 

P
Pete_Lacey
Participant
January 7, 2016

For the record, the correct way to do this is as follows:

  1. Create a Character Style for the bullet,
  2. Highlight the text you require as bullet text,
    Select Bulleted List from the control panel
  3. Alt Click on the Bullets icon in the control panel to bring up the Bullets and Numbering palette
  4. Select your Character Style in the drop down menu and amend the indents accordingly

Viola!

Now, to make this whole process easier you can select the whole paragraph and make a new Paragraph style so that subsequent bulleted lists can easily be formatted by this style sheet.

The benefit of doing it this way is that global changes are easy via the style sheet.

The old, alternative way to do this is simply format the text with tab/indents and use a bullet point prior to the tab, which can easily be edited to your style, then just copy and paste the bullet points where necessary.

N
naimahav
Known Participant
July 11, 2016

Hello Pete,

I was unable to create the desired effect with your steps. I'm in Cp 7, if that makes any difference. When I alt-click the bullets icon to bring up the Bullets and Numbering palette, I don't get the palette. I'm not sure how to create a bullets style from scratch; is that possible? Anyway, thanks for your post. It gave me something to try :-)

R
Roaring Feather
Participant
February 24, 2015

Here's what I just found (way too late but it might help someone else):

  1. Set up your bullets like normal.
  2. In front of the first character of each paragraph, put a space. Highlight that space and style it with the color you want.
  3. While the space is still highlighted, use the "decrease character tracking" shortcut (Alt+Ctrl+Left Arrow) until the space disappears. (Four clicks did it for me.)
    N
    naimahav
    Known Participant
    July 11, 2016

    Following your directions, I was able to change the color of my bullet while keeping my original text color. Thanks! One thing though, I wasn't able to get rid of the extra space by ctl+alt+arrow key. I tried ctl+alt+ with any arrow key on the keyboard to see if I might've misunderstood which arrow you referred to. But none of them worked. I'm in Cp 7 and Windows 7. I think I can keep the solution as-is, with the extra space, as that space is not too visible. It'll work as a jerry-rig, so again, thanks :-)

    Lilybiri
    Lilybiri
    Legend
    September 20, 2011

    Hello and welcome to the forum,

    Color will be changed if you change text color, no easy way to change 'style' for the moment if you mean by style to replace bullets by other symbols.

    Lilybiri

    A
    Anonymous
    September 20, 2011

    Thank you for the welcome.

    So I take it I can't have my bullet one color and the text another? Yes I would like to use some different looks and feels to bullet points, so yes style refers to the replacement with other symbols.

    Vil

    Lilybiri
    LilybiriCorrect answer
    Legend
    September 20, 2011

    No, but you can insert an image or symbol in a separate caption (or rectangle/other drawing object) on top of the text caption,

    Just out of curiosity, because this is a new version of the forums and I already experienced some strange behavior: did you mark yourself the original question and your second question as 'helpful answer'? This seems very weird, the fact that you can mark your own question as a 'helpful answer', totally unexpected.

    Lilybiri

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