FAQ Design CSS

#359714
Viewing 2 replies - 1 through 2 (of 2 total)
  • How can I put Question mark in FAQ as shown in below screenshot? Please let me know.

    Image: https://ibb.co/6tnBhcf

    Hello,

    Thank you for contacting the support and bringing your concern to our attention.

    Unfortunately, Rank Math doesn’t have an option to insert that “?” icon beside the question item. The FAQs block’s appearance depends entirely on your theme’s CSS.

    You can however use this CSS rule here:

    .rank-math-question {
    	padding-right: 40px;
    	position: relative;
    }
    .rank-math-question:after {
    	display: inline-block;
        content: "?";
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
    	height: 30px;
        line-height: 30px;
        text-align: center;
        color: #fff;
        background: rgba(0,0,0,0.2);
        border-radius: 40px;
    }

    Please proceed with customizing the CSS as per your requirement.

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

    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.

Viewing 2 replies - 1 through 2 (of 2 total)

The ticket ‘FAQ Design CSS’ is closed to new replies.