How to indent the description in the Accordion block?

I'd like to indent the description using the Accordion block, but there doesn't seem to be a way to do that. Any suggestions for a CSS code to indent the description maybe like 3-4 spaces in?

Thanks!

Add to Design > Custom CSS

/* accordion block indent */
.accordion-item__description {
    max-width: 100% !important;
    text-indent: 50px;
}

I will try that, thank you!

Okay, I just tried that and basically the code you provided me works. However, it only indents the first line of each "sentence." Like below:

     Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. 

What I'd like it to do is this below:

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

What do I have to adjust in the code in order to do this? Thanks!

The code work on my test site

Can you share link to page where you added accordion? We can check again easier.

Yes, here is the link to website: alkicommunitycouncil.org (beachgroup). The test accordion is in the navigation menu, TEST ACCORDIAN.

As you can see, the first line is indented; but everything else is not. I'd like all the text to be indented, so that no matter how many lines there are in the description, they will all be indented and wrap around to the left hand margin.

Thanks!

On 1/20/2022 at 3:55 AM, bigcitygirl said:

Yes, here is the link to website: alkicommunitycouncil.org (beachgroup). The test accordion is in the navigation menu, TEST ACCORDIAN.

As you can see, the first line is indented; but everything else is not. I'd like all the text to be indented, so that no matter how many lines there are in the description, they will all be indented and wrap around to the left hand margin.

Thanks!

Use this code

.accordion-item__description p {
    margin-left: 50px;
}

Thank you! I'll delete the other code and use this one. Thank you! I'll let you know if it works for me or not.

🙂

It worked! THANK YOU so much!!!