Fork me on GitHub
Please upgrade to 2.1.x here. The 2.0 branch is no longer being updated.
Important security fix: 2.1.10, released 4 May.

Where do i put this tag cloud css snippet to make it work ?

edited November 2011 in Vanilla 2.0 Help

I'm trying to make my tag's display as a cloud like on

I found this code to do it that @Todd posted in another thread, but not knowing css, i don't know where this needs to go...

div.Tags ul.PanelInfo li a {
font-weight: bold;
float: none;

.Tags .PanelInfo li {
background: rgba(246, 218, 168, .2);
display: inline-block;
margin: 2px 0;
padding: 5px 3px;
text-align: left;
line-height: 100%;
border: solid 1px #EED3A2;
-moz-border-radius: 3px;
.Tags li a {
float: none;

.Count {
background: none repeat scroll 0 0 #744000;
color: #FEF7DF;
padding: 0 3px;
-moz-border-radius: 3px;

Can someone please tell me which file this goes into and if anything else needs to be changed so i can get this finished?

---Im on the latest version of vanilla.
---DefaultSmarty Theme with Big City option.

Best Answer


Sign In or Register to comment.