Change title color

How do I change the title color of my wiki?

1 Like

Its not clear from your question whether you mean the overall “site title” that appears at the top of the SideBar, or the individual “tiddler titles” that appear at the top of each tiddler in the StoryRiver. So here’s the solution for each:

First, create a new tiddler (e.g., “MyStyles”), tagged with $:/tags/Stylesheet.

Then, to change the site title color, enter the following text into your stylesheet tiddler:

.tc-site-title, .tc-site-title a { color:green; }

and/or, to change the tiddler title color, enter the following text into your stylesheet tiddler:

.tc-title, .tc-title a { color:red; }

Of course, the value of the color: attribute can be whatever color you want, using standard CSS color values (see CSS Legal Color Values).

enjoy,
-e

2 Likes

Thank you! I actually meant the site title, but it’s great to know both. :grin:

While Eric shows you the solution, there is ready to use classes in Shiraz for this:
https://kookma.github.io/TW-Shiraz/#demo%2Fstyle-tiddler%2Ftiddler-title-color:demo%2Fstyle-tiddler%2Ftiddler-title-color%20demo%2Ftiddler-title-color-primary%20demo%2Ftiddler-title-color-info%20demo%2Ftiddler-title-color-danger