I have a client who wants me to create a FAQ page marking it up with Question and Answer schema. So I created an HTML element with this code:

<div itemscope itemtype="http://schema.org/Question">
<h1 itemprop="text">Question text here</h1>
<div itemprop="acceptedAnswer" itemscope itemtype="http://schema.org/Answer">
<p itemprop="text">
Answer text here
</p>
</div>
</div>

However, if you look at it live: https://www.rj-construction.com/faqs.html

The question is using some sort of default H1 font and the answer is plain black text which obviously is not going to work.

Any idea on how to format the HTML element font colors? I tried adding a Span Class around the text but that made no difference. <span class="paragraph-text-6">Answer text here</span>

CSS is not my strong point, so any ideas would be welcome.

Thanks!

Never mind folks. I figured it out myself!! So excited.

I added the class inside the <p>: <p itemprop="text" class="paragraph para-bottom"> and it worked!

Thanks, anyways!

If you are using RSD 2, you don't need the HTML Element for Schema. You can add the Schema with the attributes. When you click the attribute dropdown, choose custom. It will let you add the schema type and the value for it.