Title: FAQ block
Last modified: June 3, 2020

---

# FAQ block

 *  Resolved [willgraymagic](https://wordpress.org/support/users/willgraymagic/)
 * (@willgraymagic)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/faq-block-2/)
 * Hi Guys
 * I had a query that you helped me with about the colour of the FAQ block text 
   which you kindly gave some css code to turn it black from grey. On my FAQ page
   at the moment all my Q & As are in a classic block and i’d like to put them in
   a FAQ block for Schema, the question is can i have a different colour for the
   question to the answer (the Q is in red and the A is in black).
 * Cheers
    Will
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffaq-block-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Jeroen Rotty](https://wordpress.org/support/users/jeroenrotty/)
 * (@jeroenrotty)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/faq-block-2/#post-12936469)
 * Hi [@willgraymagic](https://wordpress.org/support/users/willgraymagic/),
 * Thank you for reaching out again.
 * Yes, the answers and questions have a different class to them.
 * Use the following CSS for changing the question color:
 *     ```
       .wp-block-yoast-faq-block .schema-faq-question{
       color:#yourhexcode;
       }
       ```
   
 * Use the following CSS for changing the answer color:
 *     ```
       .wp-block-yoast-faq-block .schema-faq-answer{
       color:#yourhexcode;
       }
       ```
   
 *  Thread Starter [willgraymagic](https://wordpress.org/support/users/willgraymagic/)
 * (@willgraymagic)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/faq-block-2/#post-12936569)
 * Hi Jeroen
 * Thats great, follow up question could this be different on different pages i.
   e. just black Q & As on the homepage but then red Qs & black As on the FAQ page
   or does it have to be the same for every page that uses the FAQ block.
 * Cheers
    Will
 *  [Jeroen Rotty](https://wordpress.org/support/users/jeroenrotty/)
 * (@jeroenrotty)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/faq-block-2/#post-12936595)
 * Hi [@willgraymagic](https://wordpress.org/support/users/willgraymagic/),
 * Thanks for your reply.
 * You can prefix the CSS selectors with a .page-id-XX where the XX is the page 
   ID number. For example, your FAQ page would be `.page-id-42`. In order to find
   your page ID number, go to your Pages overview and hover the title, the URL you
   then see includes the number.
 *  Thread Starter [willgraymagic](https://wordpress.org/support/users/willgraymagic/)
 * (@willgraymagic)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/faq-block-2/#post-12936934)
 * Hi Jeroen
 * I’m a bit of a novice with all this, i’m still not sure where to find the page
   id not sure where pages overview is.
 * It is only the FAQ page I would want to do this on so if thats .page-id-42 great,
   but if you could point me further I would still like to know for future reference.
 * How would you put .page-id-42 in with the css code above?
 * Cheers
    Will
 *  Thread Starter [willgraymagic](https://wordpress.org/support/users/willgraymagic/)
 * (@willgraymagic)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/faq-block-2/#post-12936962)
 * Hi Jeroen
 * Since the last message I’ve found the page id’s thank you.
 * Just need to know how id add it with the code in the css box would it be
 * .page-id-42.wp-block-yoast-faq-block .schema-faq-question{
    color:#yourhexcode;}
 * For each one.
 * Cheers
    Will
 *  [Jeroen Rotty](https://wordpress.org/support/users/jeroenrotty/)
 * (@jeroenrotty)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/faq-block-2/#post-12937372)
 * Hi [@willgraymagic](https://wordpress.org/support/users/willgraymagic/),
 * Thank you for your reply.
 * Yes, just add them in front and a space like this:
 *     ```
       .page-id-42 .wp-block-yoast-faq-block .schema-faq-question{
       color:#yourhexcode;
       }
       ```
   
 *  [Jeroen Rotty](https://wordpress.org/support/users/jeroenrotty/)
 * (@jeroenrotty)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/faq-block-2/#post-12971046)
 * Hi [@willgraymagic](https://wordpress.org/support/users/willgraymagic/),
 * We are going ahead and marking this issue as resolved due to inactivity. If you
   require any further assistance please create a new forum topic. Thank you!

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

The topic ‘FAQ block’ is closed to new replies.

 * ![](https://ps.w.org/wordpress-seo/assets/icon-256x256.gif?rev=3419908)
 * [Yoast SEO - Advanced SEO with real-time guidance and built-in AI](https://wordpress.org/plugins/wordpress-seo/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wordpress-seo/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wordpress-seo/)
 * [Active Topics](https://wordpress.org/support/plugin/wordpress-seo/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wordpress-seo/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wordpress-seo/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [Jeroen Rotty](https://wordpress.org/support/users/jeroenrotty/)
 * Last activity: [5 years, 11 months ago](https://wordpress.org/support/topic/faq-block-2/#post-12971046)
 * Status: resolved