Add Sub-Bullet Points to Collapsible Row

[sparkrobotic1]

I want to add sub-bullet points to the collapsible row content when I'm listing product features. When I add a bullet point and press return, it just adds more bullet points inline with the previous one. When I press tab, it doesn't indent to a sub-bullet point. Can I edit the code to change the bullet points to look like the example below?

• Example 1
  • Example 2

[kallenconsult]

We'd be interested in a section type that allowed this, as well!!

[Emily_93]

I would love to know how to do this as well! Thanks.

[sparkrobotic1]

I solved my own question, I used the Bullet List as the <ul> and Numbered List as the <ol>.

I added this code to the Custom CSS of the Collapsible Content block:

.rte ul {
        list-style-position: outside;
        margin-top: 0px;
        margin-bottom: 0px;
}
.rte ol {
        list-style: circle;
       margin-left: 50px;
       margin-top: 0px;
       margin-bottom: 0px;
}

[RSL_IT]

How did you indent the sub-bullet?  When I hit TAB, it just jumps out of the Content field.  Would LOVE this to work!!

[sparkrobotic1]

Unfortunately using TAB doesn't work, I don't know why Shopify doesn't support a sub-bullet point in any rich text editor, it's so frustrating!

I made my main bullet using the Bullet list, then made my sub-bullet with the Numbered list:

• Example 1

1. Example 2

Then added the code from my previous post to the Custom CCS section at the bottom of the content block.  I added some images so you can see how I edited the Collaspible Content block, the Custom CSS, and the outcome of the webpage.

This piece of the code below is what will indent the sub-bullet point, adjust as needed.

.rte ol {
       margin-left: 50px;

}