Matthias39682 Posted November 6, 2023 Share Posted November 6, 2023 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 Link to comment
tuanphan Posted November 7, 2023 Share Posted November 7, 2023 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) Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Matthias39682 Posted November 7, 2023 Author Share Posted November 7, 2023 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! Link to comment
Matthias39682 Posted November 7, 2023 Author Share Posted November 7, 2023 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! Link to comment
Matthias39682 Posted November 9, 2023 Author Share Posted November 9, 2023 Hi @tuanphan, I assume it can't be done? 🙂 Kind regards, Matthias Link to comment
tuanphan Posted November 10, 2023 Share Posted November 10, 2023 It is possible, I used to solve for some sites. Can you check page url? It doesn't exist now Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment