I want to include Xara's free Heading Generator on one of my site's pages but its inclusion dramatically reduces the size of my page heading and changes all text on the page to red.

You can see what I mean on this page http://www.davidbridgen.com/test.htm

What can I do to prevent Xara's code from making these changes?

Have you tried using font tags instead of css?

No I haven't. Quite frankly I don't know how, I rely on the web editor to code things correctly.

Can you you give specific instructions please?

Your web editor is set up to use CSS. In your code you have:

<style type="text/css">
<!--
.style1 {font-family: Arial, Helvetica, sans-serif}
-->
</style>


When you are making text such as "This text is also affected.", you must be setting it to "Style1" which refers to the CSS.

<p align="center"><span class="style1">This text is also affected. </span></p>

You can either switch off CSS in the web editor's preferences and retype the text or you can change the code yourself:

<p align="center"><font color="#000000" size="3" face="Arial, Helvetica, sans-serif">This text is also affected. </font></p>

So now, instead of using CSS "Style1", you are wrapping FONT tags which will set the font, size & colour locally. You will obviously need to do this for all the text on the page.

Interesting site btw.

Thank you so much Rob.

I shall save your posting in notes which I am making. This first hand advice is far easier to understand than ploughing through text-books which can be quite intimidating.

I (think) I have now switched off CSS in the editor.

No problem, but make sure you turn CSS back on after you are done. CSS is tidier than the font tags and also you should maintain style consistency on your other pages.