Access Keys:
Skip to content (Access Key - 0)

color macro

Overview:

The {color} macro allows you to change text colour quickly and easily...

When used sparingly, changes in text colour can highlight important information (eg. red text) or even make text less obvious (eg. light grey text).

Parameters:

Add the macro to your page as follows:

{color:myColor}your text{color}
Parameter Required Notes
default The "myColor" default parameter defines the text colour for the content contained within the macro and can be either a common colour name (supported by most browsers) or a hexadecimal colour code (supported by all browsers).

Your content can contain both plain text and also Wiki Markup Editor (including Macros).

Examples

Hints and Tips:

Alternate text colours can be used to highlight important information on a page by drawing the visitors attention to it due to the unusual colour.

When changing text colour, please try and keep a contrast between the text and the background so that it is still clearly readable. For example, in our example above, the yellow text is barely readable.

Frequently Asked Questions:

Q Where can I get HTML text colour codes from?
A WebMonkey has a good colour code reference page that shows each of the standard colours with the corresponding colour code. If you want a groovy wall chart with colour codes, try http://html-color-codes.com/.
Q Some colour names, such as "grey", don't seem to work in all browsers - why?
A Colour names are supported differently by different browsers. To be 100% sure of getting the right colour, use the hexadecimal colour code instead.
Q How do I change the background colour of text?
A Use the bgcolor macro.
Q How do I change the default colour of my text, etc?
A If you are using a standard theme, there are some limited options to change colours. If you are using the Builder theme, you have complete control over all colours using Custom CSS Styles.

See Also:



Ask questions, get help and report bugs & issues on our Community Site

View old comments


Adaptavist Theme Builder Powered by Atlassian Confluence