Adjust font size of FAQ page - questions in collapsible content panel?

Topic summary

A user needed to increase the font size of FAQ questions displayed in collapsible accordion panels to 30px to match their footer styling. They were uncertain whether to modify all h2 headers globally or target only the FAQ section specifically.

Solution provided:

  • The questions were actually h3 elements within accordion summary tags, not h2
  • Custom CSS targeting .accordion details summary h3 with font-size: 30px was recommended

Outcome:
The CSS solution successfully resolved the issue without affecting other heading elements across the site.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

HI! Thank you for helping me. I’m hoping to increase the size of my questions on the FAQ page to size 30px to match the footer. I think it’s an h2 header. I don’t necessarily want to change all h2 to size 30 because I may have adjusted it in some places to be specific… I’m not sure. Can you please help look into this to see if I should increase the size of all h2 to size 30? If not, can you please provide code that will fix the size to 30px here?

Thank you!

site: hayatigoods.com

pw: uflaw

Hi @yasmineb

I guess that you want to increase font-size of this section?

If correct, you can using this css code:

.accordion details summary h3 {
    font-size: 30px;
}

Hope will helpful for you :hugs:

Thank you that worked perfectly!