Hey, can anyone help me how to reduce the line spacing when I type on the collapsible row content. Thank you!
Topic summary
Main issue: Reduce excessive line spacing in the collapsible row (accordion) content on a Shopify page.
Key steps provided:
- Access Admin > Online Store > Themes > Edit code.
- In Assets, open your theme’s CSS file (e.g., main.css, base.css, style.css, or theme.css).
- Add a rule at the bottom to remove paragraph spacing within accordion content: set paragraphs inside .accordion .accordion__content to have margin: 0. Save changes.
Context and verification:
- The requester shared a storefront URL and password to demonstrate the issue on the Contact page.
- A helper supplied the CSS fix and showed an after screenshot indicating tighter line spacing.
Outcome:
- A practical solution was provided with clear instructions and visual confirmation via screenshot.
- Resolution appears likely, though explicit confirmation from the requester is not shown; discussion may be considered resolved pending their acknowledgment.
Notes:
- “Accordion” refers to collapsible content sections. Images in the thread illustrate the spacing issue and the improved result.
1 Like
Would you mind sharing your store URL? Thanks!
https://virtueline.co/pages/contact
pass : colin
Thanks for the info, check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
.accordion .accordion__content p {
margin: 0;
}
And save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like