I downloaded this FAQ section from Section Store, but when I delete the heading, it leaves a gap. There is no option to decrease the padding between the buy button and the collapsible content. I’ve tried to code it myself, but I’m useless and can’t find the section.
Topic summary
Issue on a Shopify product page: removing the FAQ heading from a Section Store section leaves an unwanted gap. There’s no built-in control to reduce spacing between the Buy button and the collapsible FAQ content, and the section’s code location was unclear.
Proposed fix: edit the product page’s CSS (or add a new CSS override) targeting .rb-faq-shopify-section. Keep padding-left/right at 30px and replace margin-bottom: 50px with a shorthand margin: 50px 0 to eliminate extra space below the section. CSS refers to Cascading Style Sheets, which control layout and spacing.
Evidence: an attached screenshot demonstrates the result after applying the CSS change.
Outcome/status: a concrete CSS adjustment was provided, but there’s no confirmation that it resolved the issue. Discussion appears open pending feedback.
Hello @themanyessir , Please make changes to the CSS of the product page CSS file or create a new CSS file for it. See the code below and make changes according to it.
.rb-faq-shopify-section {
padding-right: 30px;
padding-left: 30px;
margin-bottom: 50px; /* remove or comment this old CSS */
margin: 50px 0px; /* add this new CSS */
}
See the output below.
If I managed to help you then, don’t forget to Like it and Mark it as a Solution!
Feel free to reach out if you have any questions or need assistance.
Best regards,
Darshan.