Jump to content

How to indent the description in the Accordion block?

Recommended Posts

  • Replies 8
  • Views 1.6k
  • Created
  • Last Reply

Top Posters In This Topic

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!

Link to comment

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!

Link to comment
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;
}

 

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.