How to modify styles in itonNote theme?

#1

Hi, i am using itonNote theme and i just do not know how to add my CSS styles… for example, i want to hide the title in tiddler so, i created a tiddler with tag: $:/tags/Stylesheet and this in body:

.tc-title { 
	display:none !important;
}

but in itonNote theme does not work but in vanilla theme it works…
what am i missing?

#2

I just tested your code in a new stylesheet tiddler in the demo wiki you linked, and it did hide the title, so I’m not sure what’s causing the problem. Some things to try:

  1. Drag your custom stylesheet down to the bottom of the list in the $:/tags/Stylesheet tag-pill. When you have multiple conflicting styles that can potentially apply to the same element, the last style definition is the the one that will be used. In TiddlyWiki, this means that the lowest stylesheet in the list is the one that will take precedence.
  2. Make the style definition more specific. For instance, this variation allows me to remove the !important (which you should try to avoid using whenever possible, as it’s harder to override):
.tc-titlebar h2.tc-title { 
	display:none;
}

I recommend using your browser’s Inspector tool (Firefox has a good one) to examine the structure of the page. This will show you which styles are currently “winning” and help you choose an appropriate parent element/class if you need to define a more specific class.

#3

thanks you!

In TiddlyWiki, this means that the lowest stylesheet in the list is the one that will take precedence.

that was the problem!