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?
We’d be interested in a section type that allowed this, as well!!
I would love to know how to do this as well! Thanks.
I solved my own question, I used the Bullet List as the
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;
}
How did you indent the sub-bullet? When I hit TAB, it just jumps out of the Content field. Would LOVE this to work!!
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:
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;
}
