Forum Discussion

JCBlanchard's avatar
JCBlanchard
Community Member
8 years ago
Solved

Change bullet color in Rise

In Rise, when I change the color of text to white, the bullets remain black.  Is there a way to make the bullets the same color as text?
rise 360
  • EricSantos's avatar
    EricSantos
    3 months ago

    Hi everyone,

    I'm happy to let you know we released a new update for Rise 360. This update adds the following feature:

    • Use the Bullet Style options in the text formatting toolbar to modify the size and color of bullets and numbers in lists.

     

    There's nothing to install for web apps. New features and fixes are immediately available.

    Let me know if you have any questions about this update!

DonnaBassolino's avatar
DonnaBassolino
Community Member
3 years ago

Is there any work around by adding custom HTML/CSS somewhere ?

Chris-Santos's avatar
Chris-Santos
Staff
3 years ago

Hi Donna,

Articulate doesn't support modification of Rise output files.  But if you are familiar with editing HTML/CSS, you can do the following:

1. Extract your LMS or Web zipped file and open the main.bundle.css file found in lib folder using a text editor (e.g., Notepad, Notepad++, etc.).

2. Locate the following text: fr-view ul.  Then add the following CSS property: color: white.  After adding this property, it should look like the example below:

For reference, here is the CSS element again with its properties:

.fr-view ul {
list-style-type: disc;
color: white
}
Make sure to add the semi-colon (;) at the end of disc (as shown above) to make the syntax correct.
 
3.  Upload the package to your web or LMS host.
 
With the above change, here is how the bullets look like in my sample course:
 
Note that the above should work if you added the bullets in a Text Paragraph block.  The colors for a Bulleted List block are controlled differently and thus will not be affected by the above changes.