Hello,
Thanks for contacting Rank Math. We are sorry for any inconvenience this issue might have caused you.
By default when you use our FAQ Block, basic styling is the output on the frontend. However, you can style/customize its looks using CSS. Here’s a CSS code you can use for your site to make your FAQ look like Rank Math’s own as seen in the edit section.
.rank-math-list-item {
background: #fff!important;
padding: 15px 15px 20px!important;
-webkit-box-shadow: 0 0 10px #d1d8dd,0 0 40px #fff!important;
box-shadow: 0 0 10px #d1d8dd,0 0 40px #fff!important;
margin-bottom: 1rem!important;
border-radius: 5px!important;
}
#rank-math-faq {
background: #f0f4f8!important;
border-radius: 5px!important;
padding: 15px!important;
margin-bottom: 1rem!important;
}
Here’s a guide below on how you can add custom CSS to your site:
https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/
You could also decide to turn Rank Math’s FAQ block into an Accordion. Follow this guide to learn how to: https://rankmath.com/kb/turn-faq-block-into-accordion/.
Let us know how that goes and please don’t hesitate to get in touch if you need further assistance.
Hello,
Since we did not hear back from you for 15 days, we are assuming that you found the solution. We are closing this support ticket.
If you still need assistance or any other help, please feel free to open a new support ticket, and we will be more than happy to assist.
Thank you.
