Hello,
Thank you for contacting Rank Math and bringing your concern to our attention.
You can use the following CSS code for your site to make your FAQ look like Rank Math’s one.
.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/
Hope that helps, and please do not hesitate to let us know if you need our assistance with anything else.
That looks great, thank you!
Hello,
We are super happy that this resolved your issue. If you have any other questions in the future, know that we are here to help you.
If you don’t mind me asking, could you please leave us a review (if you haven’t already) on https://wordpress.org/support/plugin/seo-by-rank-math/reviews/#new-post about your overall experience with Rank Math? We appreciate your time and patience.
If you do have another question in the future, please feel free to create a new forum topic, and it will be our pleasure to assist you again.
Thank you.
Hello,
I have updated the sensitive data as requested. Can you please check further?
Thank you.
Hello,
The below code is the one we use for the question mark:
.rank-math-question::after {
color: rgb(255, 255, 255);
background-image: initial;
background-color: rgb(43, 47, 47);
}
.rank-math-question:after {
content: "?";
position: absolute;
right: 0;
top: 0;
width: 30px;
line-height: 30px;
text-align: center;
color: #d9e2ec;
background: #f0f4f8;
border-radius: 40px;
}
You may need to do a bit of customization according to your site.
If you’re referring to something else, please share any of the affected URLs with us with a bit more information on what you would like to achieve.
Looking forward to helping you.
Thank you.
yes, that works. Thank you!
Hello,
We’re glad that we could address your concern.
Please feel free to reach out to us again in case you need any other assistance.
We are here to help.
Thank you.
