How to create Faq style?

Hello, we apologize for the issue you are facing with the appearance of the Rank Math FAQ block. To create a more ideal and minimalist FAQ style similar to what you might find in Elementor, you can follow these methods:

1. Using a WordPress Plugin

You can easily convert the Rank Math FAQ Block into an accordion style by using a dedicated WordPress plugin. Here’s how:

• Install and activate the Turn Rank Math FAQ Block To Accordion plugin from your WordPress admin panel by navigating to Dashboard → Plugins → Add New.

Once activated, all your existing Rank Math FAQs will automatically convert to an accordion format on the front-end without any further configuration needed.

2. Custom CSS

If you prefer to customize the FAQ block manually, you can add custom CSS to your theme’s style.css file or use the Additional CSS option under Appearance → Customize. Here’s an example of CSS you can use:

#rank-math-faq .rank-math-list-item {
    margin-bottom: 1em;
    margin-top: 1em;
    border-bottom: 1px solid #fff;
}
.rank-math-question {
    cursor: pointer;
    position: relative;
    display: block;
    padding-right: 1em;
    margin-right: 1em;
    font-weight: 300;
    margin-top: 30px;
}
.rank-math-question:after {
    position: absolute;
    right: 5px;
    top: 0;
    content: "2715";
    transform: rotate(-45deg);
    transition: all 150ms ease-in-out;
}
.rank-math-question.collapse:after {
    transform: rotate(0deg);
}
.rank-math-question:hover {
    opacity: 0.8;
}

This will help give your FAQ block a more styled appearance.

Example of Accordion Style

Here’s how the FAQ Block looks when converted to an accordion:

For more detailed instructions, you can refer to our tutorial on turning the FAQ block into an accordion.

If you have any further questions or need assistance with specific modifications, please reply to this ticket, and a human agent from our support team will be happy to help!

Sources:
How to Turn Rank Math FAQ Block into an Accordion » Rank Math