Bullet points in Rise

Feb 11, 2022

Is there a way to overwrite some HTML code to add a variety of other bullet points to Rise other then the standard circle?

Thanks

 

3 Replies
Simon Smith

It's pretty simple to customise the bullets in a text block with a couple of lines of CSS. Unzip your course, open index.html in a text editor, and look for the <style> tag.

Immediately after the style tag, paste in:

ul {
list-style-type: square !important;
}

Now the default bullet will be a square. It will also add a square next to the coloured bullet in the List block, though.

To fix that you can paste this code in too:

.block-list__list li {
list-style-type:none !important;
}

Zip your course up and you're good to go. 

Obviously this won't show up in the editor in Rise, just in the exported course. 

Here is some more info on the different bullets you can use.