Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

How to indent the description in the Accordion block?


bigcitygirl

Question

  • Answers 8
  • Created
  • Last Reply

Top Posters For This Question

8 answers to this question

Recommended Posts

  • 0

Add to Design > Custom CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

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
  • 0

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
  • 0
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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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...