bigcitygirl Posted January 10 Share Posted January 10 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! Link to comment
0 tuanphan Posted January 12 Share Posted January 12 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 bigcitygirl Posted January 18 Author Share Posted January 18 I will try that, thank you! Link to comment
0 bigcitygirl Posted January 18 Author Share Posted January 18 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 tuanphan Posted January 19 Share Posted January 19 The code work on my test site Can you share link to page where you added accordion? We can check again easier. 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 bigcitygirl Posted January 19 Author Share Posted January 19 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 tuanphan Posted January 21 Share Posted January 21 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; } hellostudiojohn 1 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 bigcitygirl Posted January 21 Author Share Posted January 21 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. 🙂 Link to comment
0 bigcitygirl Posted January 21 Author Share Posted January 21 It worked! THANK YOU so much!!! Link to comment
Question
bigcitygirl
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!
Link to comment
Top Posters For This Question
3
6
Popular Days
Jan 21
3
Jan 18
2
Jan 19
2
Jan 10
1
Top Posters For This Question
tuanphan 3 posts
bigcitygirl 6 posts
Popular Days
Jan 21 2022
3 posts
Jan 18 2022
2 posts
Jan 19 2022
2 posts
Jan 10 2022
1 post
Popular Posts
tuanphan
Use this code .accordion-item__description p { margin-left: 50px; }
Posted Images
8 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment