change font for tiddlers under a certain tag (journal)

[Shay Shaked]

Hello people! 

Today's question is, how can I change the font of my journal entries. 

I write my journal entries in reverse date order, so I have yyyymm tag for each month. Each month I go to the last month tag, which also has a table of contents of all of my tiddlers and sometimes goals, and make a clone of it. I then change that tiddler title to reflect the new month, and tweak the TOC settings to display the right tiddlers. For organization sake, I am going to move all these tags under a general "journal" tag soon. 

What I want is that whenever I tag a tiddler with one of my yyyymm tags, it will automatically change font. I know how to change fonts in the main settings, but that changes the font for everything, which I don't want. Any suggestions? I don't mind including a piece of code into each of my monthly tags I mentioned above, if that helps. 

thanks! 

[prog...@assays.tv]

Fortunately its easy if you use one tag for all, like "journal". Here is the documentation: http://tinyurl.com/j7rq6ex. AND you can get more sophisticated if needed with overrides possible so long as you get the CSS cascade order right, i.e. start a style for a tag common to all your entries you want to re-style, then override that style for more specific tags.

Hope this helps.

[prog...@assays.tv]

Footnotes:

I was assuming  you use TW5.

In case its not clear the stylesheet tiddler you create needs to be tagged "$:/tags/Stylesheet"

[Shay Shaked]

This is most excellent! I can now have a different font for anything "journal." I'd like now to change it so that my headings and title are also part of the change, but not the tags inside or the time stamp. This means I had to include my CSS porperties within "p{}" and I went ahead and did the same for h1... however, what is the title? I tried "title" or tc-tiddler-title, but it doesn't seem to work. Suggestions? and thanks Progetti!

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/jx88S6xqmFw/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/19fd5c93-0f6b-4831-a96c-2106afdd62d5%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[prog...@assays.tv]

Does ".tc-tagged-CHOSENTAG .tc-titlebar {CSS code}" get it?

[prog...@assays.tv]

its an H2, by the way.

[Shay Shaked]

That did it! .tc-titlebar is the right... class? I thought it's a div. Either way, it works. Thank you! 

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/5c7d8cf4-6c30-47e5-9533-02c99296eec5%40googlegroups.com.

[Shay Shaked]

Hi Progetti (and others), 

this is a CSS question. Wondering if you can help. 

I have this code: 

.tc-tagged-201605 p{

font-family: "Bookman Old Style";

        font-size: 115%;

}

.tc-tagged-201605 li {

font-family: "Bookman Old Style";

         font-size: 115%;

How can I write it in one line, so I can define BOTH p and li without specifying the tag class each time? I just don't know the syntax for the code. is it p,li? p, li? {p li}? I tried to look it up but i don't know what these terms are called for an effective Google search. Thank you! 

[Sean Kelley]

Really late, but writing .tc-tagged-201605 p,li {} will work.

https://jsfiddle.net/kbvqv1zp/