StyleSheetTagCloud or somewhere else - where should I put a{display:inline}?

19 views
Skip to first unread message

Arek

unread,
Jan 14, 2012, 4:40:56 PM1/14/12
to tiddl...@googlegroups.com
Hello,

I've put Eric's wonderful TagCloud into the side bar. The links there have display:block property by default.
That's ok for the menu but doesn't make sense for a tag cloud.
What should I do to make TagCloud links displayed with 'inline' property while keeping the other side bar links with default 'block' property?
I've put 
.tagCloud a {display:inline;}
into the StyleSheetTagCloud tiddler but it doesn't work that way.
Thanks in advance for any tips! 



Tobias Beer

unread,
Jan 14, 2012, 5:43:51 PM1/14/12
to TiddlyWiki
In css, IDs are dominant. So try...

#sidebarOptions .tagCloud a {display:inline;}

tb.

Eric Shulman

unread,
Jan 14, 2012, 5:44:46 PM1/14/12
to TiddlyWiki
> I've put Eric's wonderful TagCloud into the side bar. The links there have
> display:block property by default.
> That's ok for the menu but doesn't make sense for a tag cloud.
> What should I do to make TagCloud links displayed with 'inline' property
> while keeping the other side bar links with default 'block' property?
> I've put
> .tagCloud a {display:inline;}
> into the StyleSheetTagCloud tiddler but it doesn't work that way.

Because the default TWCore rule in [[StyleSheetLayout]]
#sidebarOptions a { display:block; }
uses an element ID, it takes priority over your more general rule
.tagCloud a { display:inline; }
which uses a classname.

To override the TWCore style you need to be more specific:
#sidebarOptions .tagCloud a { display:inline; }

enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios

----
TiddlyTools needs YOUR financial support...
Help ME to continue to help YOU...
make a generous donation today:
http://www.TiddlyTools.com/#Donations

Professional TiddlyWiki Consulting Services...
Analysis, Design, and Custom Solutions:
http://www.TiddlyTools.com/#Contact
Reply all
Reply to author
Forward
0 new messages