Have your say in Community Polls: What was/is your greatest motivation to start your own business?
Shopify Community Downtime: The Shopify Community will be down December 5th for 15 minutes between 3pm and 4pm EST. Thank you for your understanding.

Resizing FAQ Section to Match Header Text

Resizing FAQ Section to Match Header Text

technase
Shopify Partner
201 1 47


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

technase
Reply 1 (1)

WebDeskSolution
Shopify Partner
185 42 51

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.

 

Thank You,


WebDesk Solution Support Team
Get a Free Quote | Email | Shopify Partner | Shopify Development Agency | Call Us 877.536.3789


Location: 150 King St. W. Toronto, ON M5H 1J9