Hi @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;
}
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
Hi @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.
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
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
Hi @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;
}
Hi @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!
