Resizing FAQ Section to Match Header Text

Store Design
, , , , , , , ,

Topic summary

A user needs help resizing their FAQ section to align with header text dimensions, providing a screenshot showing FAQs should fit within a specific boundary (green box).

Proposed Solution:

  • Access Shopify Admin → Online Store → Themes → Actions → Edit code
  • Locate and open styles.css
  • Add CSS targeting .shopify-section.FAQ.jsFAQ and .shopify-section.FAQ.jsFAQ section
  • Apply width adjustments (50% and 100%) with margin modifications

Current Status:
The discussion appears resolved with a CSS-based solution provided. The helper requested feedback through likes/marking as solution if successful.

Note: The original post contains encoded/reversed text that may indicate formatting issues or security measures in the shared store credentials and links.

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

Hello @technase

Please follow the steps below after logging into the Shopify admin:

  • Go to your Shopify Admin panel.

  • Click on Online Store > Themes.

  • Find the theme you want to edit and then click Actions > Edit code.

  • Search styles.css

  • Insert the provided CSS code at the end of the file and save the changes.

.shopify-section.FAQ.jsFAQ {
    width: 50%;
    margin: 0 1px;
}
.shopify-section.FAQ.jsFAQ section.section {
    width: 100%;
}

Output : https://prnt.sc/8ahZMKgFbwg9

Please hit Like and Mark it as a Solution if you find our reply helpful.