Section store FAQ

Store Design
, , ,

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.

Summarized with AI on December 26. AI used: gpt-5.
2

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.

Darshanp712_0-1718788038625.png
Darshanp712_0-1718788038625.png1838×951 149 KB

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.