Quick Colour Question

Hello

Sorry to bother you guys again.

Ive got a quick question, i want to change the colours of H1 headers of my form.
For example " Personal Details " I want Personal in blue and details in gray, the template isnt overriding the chronoform css is it?

Here is what i tried with no success.

<div class="form_item">
<div class="form_element cf_heading">
<h1 class="cf_text"><font color=#0F61A3>Personal</font> Details</h1>
</div>
<div class="cfclear"> </div>
</div>

Thanks in advance!

So ive been playing around with it, i have successfully changed the colour of the first word using this code.

<div class="form_item">
  <div class="form_element cf_heading">

    <h1 class="cf_text" style="color:blue;"<span>Personal</span></sytle>

    <h1 class="cf_text" style="color:gray"<span>Details</span></style>

  </div>
  <div class="cfclear"> </div>
</div>

but insted of it looking like this
Personal Details

it looks like this..
Personal
Details

How can i get the details inline with personal but keep separate colours?

Hi jarrod14,

Please try

<div class="form_item">
  <div class="form_element cf_heading">
    <h1 class="cf_text" style="color:blue;"><span style="color:gray">Personal</span> Details</h1>
  </div>
  <div class="cfclear"> </div>
</div>

Bob