How can I eliminate the white space under my FAQ page title?

Store Design

Topic summary

A user seeks to remove unwanted white space appearing below the FAQ page title on their Shopify store (servicetribute.com/pages/faq).

Proposed Solutions:

Three support teams offered CSS-based fixes:

  • saurav9005: Add code to custom.css targeting .shopify-section.faq-template-section with padding-bottom: 0 !important

  • PageFly-Victor: Insert code in custom.css targeting div#shopify-section-page-faq-template__main and .faq-accordion .accordion-icon--carets to remove top/bottom padding

  • GemPages: Paste code before </head> in the theme’s liquid file

Resolution:

The user confirmed one solution worked perfectly, thanking the responder for clear directions. The issue appears resolved through custom CSS modifications to eliminate padding in the FAQ page template.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

How can I remove the white space under FAQs? I am assuming this is the content section.

https://servicetribute.com/pages/faqs

wtwaggoner_0-1678127745610.png
wtwaggoner_0-1678127745610.png1481×809 34.1 KB

2

Or maybe hide the page title and content all together?

3

May I could just comment the title out? How do I find it?

4

add below code to the online store > edit code > custom.css

.faq-page .container .shopify-section.faq-template-section {
    padding-bottom: 0 !important;
}
5

Hi @wtwaggoner ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/custom.css->paste below code at the bottom of the file:

div#shopify-section-page-faq__main {
    padding-bottom: 0px
}

dl.faq-accordion.accordion-icon--carets {
    padding-top: 0px !important;
}

PageFlyVictor_0-1678145525545.png
PageFlyVictor_0-1678145525545.png763×196 4.99 KB

Hope my answer will help you.

Best regards,

Victor | PageFly

6

Hello @wtwaggoner ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1678154050049.png
GemPages_0-1678154050049.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

7

Perfect! Your directions were fabulous! Have a wonderful rest of your week!

8

I am so glad that my suggestion can help :grin: .