[TW5] Adjusting !!! Wiki Text

476 views
Skip to first unread message

Jonathan Emmert

unread,
Jul 9, 2014, 12:28:02 PM7/9/14
to tiddl...@googlegroups.com
Wondering if it is possible to change the default font choices (size, spacing, style etc) when using "!" in wiki text?  If so where would I go to do that?  I don't have much coding experience.

Jonathan

Matabele

unread,
Jul 9, 2014, 12:57:33 PM7/9/14
to tiddl...@googlegroups.com
Hi

For custom styles -- create a tiddler with content something like this:

/*TEXT STYLES*/
.myTitle {
        text
-shadow:silver 2px 2px 6px;
        font
-size:14pt;
}

-- additional styles may be added.

Then tag the tiddler with: $:/tags/stylesheet

-- and use a style with a title like this:

!.myTitle Text of Title

regards

Eric Shulman

unread,
Jul 9, 2014, 3:53:01 PM7/9/14
to tiddl...@googlegroups.com
On Wednesday, July 9, 2014 9:28:02 AM UTC-7, Jonathan Emmert wrote:
Wondering if it is possible to change the default font choices (size, spacing, style etc) when using "!" in wiki text?  If so where would I go to do that?  I don't have much coding experience.

The TW heading syntax uses between 1 and 6 "!" to generate different levels of heading (Hn) DOM elements.  You can customized the default font size for thse elements by using CSS like this:

H1 { font-size:250%; }
H2 { font-size:200%; }
H3 { font-size:150%; }
H4 { font-size:100%; }
H5 { font-size:80%; }
H6 { font-size:50%; }

In TiddlyWiki Classic, you can place the above CSS into the specially-named tiddler, [[StyleSheet]].
In TiddlyWiki 5, just place the desired CSS into any tiddler, and then tag it with "$:/tags/stylesheet".

enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios

YOUR DONATIONS ARE VERY IMPORTANT!
HELP ME TO HELP YOU - MAKE A CONTRIBUTION TO MY "TIP JAR"...

Professional TiddlyWiki Consulting Services...
Analysis, Design, and Custom Solutions:

Natanael

unread,
Nov 17, 2017, 4:06:55 AM11/17/17
to TiddlyWiki
Could I use this style sheet tiddler to change the standard font as well?
How would I write the code for this?

Sorry for my nonexistent coding skills...

Natanael

unread,
Nov 17, 2017, 4:41:08 AM11/17/17
to TiddlyWiki
Ah, I solved it using font-family, sorry about that!
Reply all
Reply to author
Forward
0 new messages