Indent text in accordion

Hi All, 

We're redesigning our (mostly image based) website and we discovered the accordion block which seems interesting to organise some text and data in a neat way. However in the accordion we would want to add some information and space the text with tabs/indents like the screenshot image here below. 

However it seems that I can only add plain text and no tabs or indents in the user interface. Is there a workaround or code I can use to add tabs in the text so the information keeps alligned? 

Here is a link to the webpage: https://www.fallow.eu/work/tilefactory-1

Thanks in advance!

Matthias

Can you make these text bold? Then we can use some custom code to target them to (remove bold + set min width to achieve your screenshot request)

Hi @tuanphan,

I modified the page like you asked. I added some information and put the first items in bold. 
I guess an added complexity is that the information that is given (let's say the list of all the team members) can be quite long, in that case I would like it do jump to a next line with the same indent. 

Thanks a lot!

Hi @tuanphan, 

Your informatin pointed me already in the right direction. I changed the text to bold within squarespace and I added this piece of code: 

.accordion-item__description strong {
    font-weight: normal;
    display: inline-block;
    width: 150pt;
}

However like i expected in my previous message, when the information exceeds one line of text, the text on the next line jumps back to the beginning. Any idea on how to fix this? 

Thanks in advance!

Hi @tuanphan, 

I assume it can't be done? 🙂

Kind regards,

Matthias

It is possible, I used to solve for some sites. Can you check page url? It doesn't exist now