How to change the width of the FAQ section in Prestige Theme

Hi. I am using the prestige theme from Shopify. I added a the FAQ section and would like to change the width of the section. The section is about 50% and I want to change it to 80% of the full page.

1 Like

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Here is the Url.

https://www.onlyprohair.com/pages/faq

I have different FAQ’s on certain pages relating to that product and the section is always the same width with no way to change it.

1 Like

@larapretorius88

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
#shopify-section-template--14686609801313__faq .faq__content {
    flex-basis: 1080px !important;
}

Thanks!

Thank you so much, it worked. Could you also possibly assist me to have the headings for each section of the FAQ aligned left and not center?

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.shopify-section .shopify-section--faq .container--md {
  max-width: 80%!important;
  margin-left: auto;
  margin-right: auto;
}
.faq {
    display: block;
}