Tony and Xabriña,

My Workflow is this:

1. Use Firefox dev tools to inspect the HTML and CSS (via right click >
Inspect element).
On the *Rules *panel on the right you can see existing CSS definitions that
influence the style of an element. If there are any specific for the
element, we will have to overrule them, if not we can create one (as in
Xabriñas first case).

[image: grafik.png]

2 (optional): Go to the Stylesheet Manager in my project Bricks:
https://tid.li/tw5/test/bricks.html#Stylesheet%20Manager
There is a nice search for existing definitions, to check if I have already
some optimisations there. The stylesheets there are based on the original
TW styles, just split up and reorganised in different tiddlers. From that
work I have learnt a lot about TW styling.

@Xabriña – The solution I came up with for your second question about how
to target the links only is:

.tc-sidebar-lists .tc-timeline a.tc-tiddlylink {
   text-decoration: underline;
   color: black;
}

In my test configuration *.tc-sidebar-lists .tc-timeline a* worked, but as
there is already a definition for *a.class* ( .tc-sidebar-lists
*a.tc-tiddlylink* ) I am not sure if this depends from which styles are
loaded first. Google "CSS specificity" if you want to know more than me ;–)

Greetings from a CSS amateur,
Thomas

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
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/CALXLrTiPX24p0ReYYnk1EumRtW1A_3sLzONUgAzQfxw%3DwUV30Q%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to