Different colored text for single heading

  • 1
  • Problem
  • Updated 8 years ago
  • Solved
I want to edit the heading on my page to have different colored text. I can edit the heading so that all the text is one colour, but cannot seem to be able to edit the text such that different letters are different colours.
Photo of Good Guys

Good Guys

  • 4 Posts
  • 0 Reply Likes

Posted 8 years ago

  • 1
Photo of David


  • 465 Posts
  • 94 Reply Likes
You would have to do this with a text widget, type in the required text, highlight the letters you would like to change then just select the colours from the toolbar.
Manoeuvre the widget to the required position using the margin facility.
Photo of Stefan


  • 4448 Posts
  • 190 Reply Likes
Hello Good Guys

David's suggestion is fine (thanks), but if you mean how to use different font colours in the page heading that you can edit by hovering over it and open the Page Heading Editor, you can do that as well by adding some HTML code in the Page Heading Editor.
  1. Hover over your page heading and click on Edit Heading.

  2. The Page Heading Editor opens where you can see your page heading in the heading field. This is where you must add the following code:

If you want to change the colour by words:
<font color="red">My<font color="green">Heading</font>
  • Replace the words red and green by other colour names or web-friendly colour codes.

  • Replace the words My and Heading by the words of your heading.

  • Following this pattern, you can add more words before the font closing tag.

If you want to change the colour by letters:
<font color="red">M<font color="green">y</font>
Follow the same steps as outlined above.
Photo of Good Guys

Good Guys

  • 4 Posts
  • 0 Reply Likes
Thank you for your help. Answers the question lovely. Just a follow on question to this.

Is it possible to have an image here instead of the text, i.e. our company logo?

Kind Regards,