bigcitygirl Posted January 10, 2022 Share Posted January 10, 2022 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
tuanphan Posted January 12, 2022 Share Posted January 12, 2022 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
bigcitygirl Posted January 18, 2022 Author Share Posted January 18, 2022 I will try that, thank you! Link to comment
bigcitygirl Posted January 18, 2022 Author Share Posted January 18, 2022 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
tuanphan Posted January 19, 2022 Share Posted January 19, 2022 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
bigcitygirl Posted January 19, 2022 Author Share Posted January 19, 2022 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
tuanphan Posted January 21, 2022 Share Posted January 21, 2022 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
bigcitygirl Posted January 21, 2022 Author Share Posted January 21, 2022 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
bigcitygirl Posted January 21, 2022 Author Share Posted January 21, 2022 It worked! THANK YOU so much!!! 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