Forum Discussion
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?
326 Replies
I found a small workaround, well it works fine if you have no high expectations and possibly do not write the paragraph in more than 1 line
use ASCII to get a symbol like ■ (ALT+254) and then just change the color of that
Hello everyone. Any update to this yet?
Another vote here too. This is a long-standing and popular request. It would be great to have this functionality please
5 years on and customers are still asking for this - surely it can't be that hard? It would make my life so much easier. *sigh*
Is there any work around by adding custom HTML/CSS somewhere ?
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.cssfile found inlibfolder 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 ofdisc(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.
was this ever resolved?
Donna, the important thing to note about Christopher's solution, above, is that it will make ALL of your bullets white that appear within a text block anywhere in your course. So be careful if you are using bullets in text blocks with a white background somewhere else in the course, as those will appear hidden or broken to the user.
The 'workaround' would be to use Christopher's approach, but to be careful to always use bullet blocks on light backgrounds, and to only use text blocks with bulleted lists on darker backgrounds.
I'm still having success with this method:
https://community.articulate.com/discussions/rise-360/change-bullet-color?page=8#reply-744475
It's a lot more work, and consider using version control software to track your changes revision-to-revision, but it allows you to target individual unordered lists for different color backgrounds.
I haven't had time to really dig in, but there are a bunch of examples of using CSS to adjust colors conditionally based on the background against which they are displaying. If there's a decent coder lurking in this thread, feel free to dive in!
https://codepen.io/ashraftoobler/pen/VeoVPL
https://css-tricks.com/reverse-text-color-mix-blend-mode/
https://stackoverflow.com/questions/50986688/invert-text-color-based-on-background-in-css
Thanks for these ideas ...
I'm not sure how it will work because I share module with client who adds it to other mods in their course. so post-processing editing might get messy. But I'll keep it in mnd for future projects. Thanks
Whoa, Christopher -- thank you! I hadn't seen your earlier post, but I've been wondering for literal ages if there was a way to decode the encrypted web content from Rise. That opens so many doors!
