Resizing FAQ Section to Match Header Text

Store Design
, , , , , , , ,
1

Hi,
I need some help resizing the FAQ section on my store. I’m trying to make it match the exact size of the text above it. I’m sharing a screenshot for reference (All the FAQs and answers should be inside the green box)

Any help is greatly appreciated

Theme Name: Flex

Link: https://testingstoresandthemes.myshopify.com/
storefront password: 12345

screencapture-testingstoresandthemes-myshopify-2024-11-06-23_26_31.png
screencapture-testingstoresandthemes-myshopify-2024-11-06-23_26_31.png1919×2666 576 KB

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.