While we usually recommend using as few plugins as possible for site speed purposes, this is definitely a nice feature to have! This is the plugin we’ve recommended previously: https://wordpress.org/plugins/faq-schema-block-to-accordion/

Hi Erica!

You can this:

Go to Customize (not on the post, but the whole site page) –> Additional CSS, and to change the background color, you could add some CSS like this:

.wp-block-yoast-faq-block {
background-color: grey;
}

Hope that helps!

Hi Sara! Unfortunately, there is no easy way to adjust the size/style of the FAQ headers (read more here). If you’re handy with code, you can try adding some CSS to customize your FAQ block. There are a few links in the blog post I linked to that can help. Leslie also had success adding this to the Additional CSS area:

.schema-faq-question {
font-size: 1em;
display: block;
margin-bottom: 7px;}

Hope that helps!

Hi Leslie! I would love to make the FAQ headers bigger and also make them H3. How can I do that?

Thanks!

That’s awesome! So glad I was able to help. 😊

Thank you SO MUCH! It worked! I see now what Rae’s issue was, too. She tried entering the code into the Additional CSS in the post but if you go to Customize the whole site page then there you can add the Additional CSS which solves the problem. I also tried the Additional CSS in the post in the FAQ block editing section but it did not do anything. Thank you again!

Hey, Natasha!

I just took a look at your post, and I think this CSS might work. Can you try adding it in and see if it does the trick?

.schema-faq.wp-block-yoast-faq-block {
font-size: 20px;
}

Let me know!