Hello,
We apologize for the issue you are facing with the appearance of your FAQ section. To achieve a design similar to the one you linked, you can customize the FAQ Block using CSS. Here’s how you can do it:
-
Add Custom CSS: You can add custom CSS to your theme’s style.css file or use the Additional CSS option available under Appearance → Customize in your WordPress admin area.
-
Example CSS: Below is an example of CSS that you can use to create a grey background and drop shadow effect for your FAQ:
#rank-math-faq .rank-math-list-item {
background-color: #f1f2f6; /* Grey background */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Drop shadow */
margin-bottom: 1em;
padding: 10px;
border-radius: 5px;
}
-
Adjust as Needed: Feel free to adjust the colors, padding, and other properties to match your desired look.
-
Preview Changes: After adding the CSS, make sure to preview your changes on the front end to see if it matches your expectations.
For more detailed customization options, you can refer to our knowledgebase article on the FAQ Block.
Thank you for raising this concern! If you have any further questions or need additional assistance, please reply to this ticket, and a human agent from the Rank Math Support team will assist you further.
Sources:
How to Turn Rank Math FAQ Block into an Accordion » Rank Math
This is an automated reply from Rank Math Support Bot. If you need further assistance, please reply to this topic and a human support agent will reply to you shortly.
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.
