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?
If your priority is on design, you will want hanging indents in your bulleted lists. Not possible with this workaround.
I would want this:
not this:
Yup, valid point! It works better for lists with brief points. It's not always going to be a viable work around. Let's hope for a solution from Articulate soon.
Thanks for sharing those perspectives, Ian and JC!
+1 This thread was started over a year ago...
I'm not sure why this is taking so long to roll out (it's been an open issue for 4 years). Adjusting the color of a bullet should be a standard (let alone all the other basic type manipulation this software lacks). At the very least make it so the color of the bullet matches the text if you can do it quicker. I realize you are trying to "dumb this down" to make it easier to edit/faster to create, but your user base isn't as dumb as you surmise. Looks matter in most industries and we should have way more control over the type within the platform.
It's possible to change bullet colors in Rise by editing HTML after exporting:
1. Export your course from Rise.
2. Open index.html which is in the root of output folder for Web or XAPI output, in scormcontent folder for SCORM 1.2 output.
3. Copy the contents of window.courseData variable - literally all the text in-between the quotes:
4. Go to https://www.base64decode.org/ , paste contents into the top textbox, and tap <DECODE> button.
5. Copy the decoded text from the bottom textbox and paste into a text editor of your choice, I'm using Sublime Text.6. Find your bullets by searching for the list item text:
7. Now go to the <ul> parent tag:and add the color styling like this:
So in above, I added
style=\"color:#FF0000;\"
to <ul> so default bullets become red. Remember the backslashes (\) before the quotes.
8. Now copy all the text from your text editor.
9. Go to https://www.base64encode.org/ , paste the text into the top textbox, make sure these settings are selected:
and tap >ENCODE< button.10. Copy the encoded text from the bottom textbox and paste to replace over the window.courseData variable text inside the quotes you copied in step 3.
11. Save your changes to index.html and open in browser, bullets should now be the color you want:
If you just see a white screen, make sure you had correct settings in step 9 and included backslashes in step 7.
Christopher,
This is part of what Articulate promotes on their Rise 360 page:
Author quickly on the web
A browser is all you need to create lessons optimized for desktop, tablet, and mobile devices.This is exactly why I use Rise. I mean, Rise is limiting in a lot of ways, but it's quick and easy to get fairly good results. I think it's designed to appeal to people who are not coding experts or simply don't have the time to fiddle around with hundreds of lines of code to change the color of a bullet. If I would want to do this, I would just build my courses from scratch and get exactly what I want. This is like buying a new car and having to get under the hood everytime I need to start the damn thing.
We're just asking for very basic functionality, not an obscure feature that would be useless for most people. Having to do workarounds like this defeats the purpose and provides another incentive for Articulate to do nothing.
I found a way to change the colour of the bullets.
Its by not having them at all. Just manually insert a bullet character or glyph. This allows you to change the colour but also change the size because its typed in and not a preset.
I think the point is that we shouldn't need to do this outside of the software. Working outside of Rise means that each time you republish the course, you need to update the code, which is a garbage way to work on anything. In my industry, changes and updates happen often, and the functionality should be built within the software as it is for most layout/word processing software on the market today... It's basic text editing which already exists in CSS/HTML workflows, so it seems a bit odd that in the 3 years this issue was put in, nothing has changed.
Still doesn't appear to be resolved (looks like this request has been around for 3 years). Please tell me I'm wrong and if not please re-raise as 3 years is a long time to wait for a resolution. Thanks :-)
+1 here, too. I just had a reviewer ask why I didn't use a bulleted list in an overview section that uses white text on a blue background to separate itself from the rest of the content. I had to tell him it's a limitation of the authoring tool because I can't change the color of the bullets. :-(
Same here. I am already watching videos and reading reviews of other web-based authoring tools. Articulate is unresponsive and has been for the last three years or so.
Totally agree. The number of emails I get each week with +1's for basic requests that are multiple years old baffles my mind. Having some background in web development, I know that a lot of them would be pretty quick and easy to implement. Obviously they haven't hit the tipping point of where enough customers have left to warrant them spending the money to address these issues yet... but not sure we'll be sticking around long enough to find out.
While this is great, can we get this feature for the pre-formatted list blocks as well? It would be nice to be able to adjust the color of the circles, check boxes, and bullets for these. (and while we're at it, can we control the amount of distance between the numbers/bullets and the text?)
