How to change font size of rank math FAQ answers?

#527820
  • Resolved Mobilestown
    Rank Math free

    Hello,

    I want to change my rank math FAQ answers. I followed this article and this code:

    #rank-math-faq .rank-math-answer{
    font-size: 10px; /* Change the font size as you want */
    }

    But it didn’t work for me. I want to use font size: 20px for the rank math FAQ answers.

    Note: I’m using rank math free version

Viewing 8 replies - 1 through 8 (of 8 total)
  • Nigel
    Rank Math business

    Hello

    Thank you for contacting Rank Math, and sorry for any inconvenience caused.

    The code you are entering is incorrect, please add this code.

    
    #rank-math-faq .rank-math-answer{
       font-size: 20px; /* Change the font size as you want */
    }
    

    Please let us know how that goes.

    Thank You.

    Hi,
    Thank you for your quick response.

    The code you mentioned is the same as I mentioned. You just replaced from 10px to 20px and not only 20px I already tried to 50px but it is not working anything.

    Could you please also tell me that can I paste the code in style.css file and not on additional css?

    Hello

    Yes, you can add the following rules to your theme’s style.css file but modifying it in the theme’s style.css is not recommended unless it is a child theme because whenever there is an update for the parent theme, all changes that have been made will be reversed.

    Also, please add this code instead and see if this would work.

    #rank-math-faq .rank-math-answer{
       font-size: 20px !important;
    }

    Please let us know how that goes.

    Thank you.

    Hello,

    The CSS shared by my colleague should work. The “Content Wrapper CSS” is actually “Content Wrapper CSS Class(es)” which allows you to add additional class to the content wrapper. We cannot add any CSS there.

    Also, I think you forgot to share the image. As you don’t want to add the CSS in additional CSS or theme style.css, please share the image where exactly you are adding this bit of CSS code.

    Looking forward to helping you.

    Thank you.

    I added code in “Appearance” -> “Theme File Editor” -> “style.css” -> line code 64 to 66. Thank you.

    Hello,

    Thank you for providing images.

    The place you’re adding the CSS doesn’t loads in the website. It’s clearly mentioned there:

    Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )
    
    /* Note: The CSS files are loaded from assets/css/ folder. */
    

    Hence, whatever CSS you’re adding is not taking affect on the frontend. As I can see you are using Astra theme, please refer to this article by Astra theme on how to add custom css: https://wpastra.com/docs/adding-custom-css-code/

    Hope that helps. Please don’t hesitate to let us know if you need our assistance with anything else.

    Thank You

    Hi,

    Thank you for your clarification. However, The code was not work in additional css also. But after I updated to rank math seo plugin to latest version, then it is working fine now.

    I already tried both methods by applying code in additional css file as well. But now I updated to latest version it is working. Thank you very much:)

    Best regards,
    Mobilestown

    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.

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

The ticket ‘How to change font size of rank math FAQ answers?’ is closed to new replies.