Tag cloud not working

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
5/23/2009 4:38:24 AM
Gravatar
Total Posts 251

Tag cloud not working

I added this to stylelayout.css in my skin

.tag-cloud { list-style-type:none; margin: 15px 0px 3px -30px;}
.tag-cloud li { display: inline; list-style-type:none; }
.tagcount { font-size: x-small;}
.tag-cloud .weight1 { font-size: 90%; }
.tag-cloud .weight2 { font-size: 110%; }
.tag-cloud .weight3 { font-size: 120%; }
.tag-cloud .weight4 { font-size: 130%; }
.tag-cloud .weight5 { font-size: 140%; }
.tag-cloud .weight6 { font-size: 150%; }
.tag-cloud .weight7 { font-size: 160%; }
.tag-cloud .weight8 { font-size: 180%; }
.tag-cloud .weight9 { font-size: 200%; }
.tag-cloud .weight10 { font-size: 210%; }

and i recyled the app-pool to reset any cache; also emptied firefox cache

tag cloud is enabled in the blog settings, so i can see in the generated source:

<div id="ctl01_mainContent_ctl00_tags_cloud">
<ul class="tag-cloud">
<li class="weight3">
<a href="http://myurl">
</a>
</li>
<li class="weight6">

....

but, any tag is still set to 90%, inheriting size from .tag-cloud .weight1 (as firebug says)

i am not understanding the reason of fail

5/23/2009 5:59:44 AM
Gravatar
Total Posts 18439

Re: Tag cloud not working

Hi,

With percent based font sizes, it has to work against a reference fixed size, in this case the base size it trying to be set here:

.tagcount { font-size: x-small;}

but that elector may not be specific enough if you have other font sizes set on anchor elements elsewhere in the css

You may need to try stuff like this:

.tagcount a { font-size: x-small;}
.tag-cloud .weight1 a { font-size: 90%; }
.tag-cloud .weight2 a { font-size: 110%; }
.tag-cloud .weight3 a { font-size: 120%; }
.tag-cloud .weight4 a { font-size: 130%; }
.tag-cloud .weight5 a { font-size: 140%; }
.tag-cloud .weight6 a { font-size: 150%; }
.tag-cloud .weight7 a { font-size: 160%; }
.tag-cloud .weight8 a { font-size: 180%; }
.tag-cloud .weight9 a { font-size: 200%; }
.tag-cloud .weight10 a { font-size: 210%; }

Maybe that will solve it.

Hope it helps,

Joe

5/23/2009 7:57:07 AM
Gravatar
Total Posts 251

Re: Tag cloud not working

Fixed!!  Thank you 

OMG, Joe the tag cloud it is looking great!!!

Congratulations!

You must sign in to post in the forums. This thread is closed to new posts.