Design FAQ Snippet

Hello,

Thank you for contacting Rank Math.

You can add the following CSS in the Additional CSS option of your theme to change the FAQ-style:

#rank-math-faq{
    background: #F0F4F8;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 1rem;
}
.rank-math-list-item {
    background: #fff;
    padding: 15px 15px 20px;
    box-shadow: 0px 0px 10px #d1d8dd, 0px 0px 40px #ffffff;
    margin-bottom: 1rem;
    border-radius: 5px;
}
.rank-math-question {
    border-bottom: 1px solid #F0F4F8;
    padding-bottom: 0.825rem;
    margin-bottom: 0.825rem;
    position: relative;
    padding-right: 40px;
}

You can change the CSS as per your requirements. Do note that the font size/style will depend on your theme’s main CSS style.

Hope that helps and please do not hesitate to let us know if you need our assistance with anything else.

Hello,

Please ensure that you are editing the CSS correctly.

I tested on my end, the CSS works fine.

Check this screencast: https://i.rankmath.com/B0tbs1

Also, make sure you are adding the CSS at Appearance > Customize > Additional CSS.

I hope this helps. Looking forward to helping you.