Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

Blog Module /

Discuss the Blog Module.

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

SOLVED >> Tag Cloud text tags all the same size "popular"

Go to End

17 Posts   5314 Views


Community Member, 49 Posts

24 August 2010 at 1:08am

Edited: 20/09/2010 6:56pm


I have a question about the TAG Cloud widget in the blogg module (I use the latest version).
All my tags hold the same size. I clicked lots of times (in different browsers, on different computers) on one tag to see if the other tags will go to the state of "not-popular". Nothing!

Do I have to activate this option?

Thank you!


CSS code tagcloud.css

.tagcloud .not-popular { font-size: 1em; }
.tagcloud .not-very-popular { font-size: 1.3em; }
.tagcloud .somewhat-popular { font-size: 1.6em; }
.tagcloud .popular { font-size: 1.9em; }
.tagcloud .very-popular { font-size: 2.2em; }
.tagcloud .ultra-popular { font-size: 2.5em; }


Community Member, 49 Posts

26 August 2010 at 12:42am

Does nobody has this TAG size problem?



Community Member, 61 Posts

8 September 2010 at 11:06am

Hi funfair I also have this problem. I haven't tried to find out why yet but if you found a solution please let us know.


Community Member, 49 Posts

8 September 2010 at 6:47pm

Hello lanks,

Nice to hearing from you.. so I'm not the only one with this problem. I hope someone stands up and give us the solution or a tip of the solution.



Community Member, 1 Post

20 September 2010 at 7:40am

Yip, I am having the same issue.


Community Member, 49 Posts

20 September 2010 at 6:55pm



Community Member, 49 Posts

5 October 2010 at 4:44am

Does it only work from 100tags or something?


Community Member, 22 Posts

5 October 2010 at 3:27pm

Ok, so there are a few different possible issues here, I think.

1) The "popularity" algorithm itself, which generates the popularity css classes
2) The css classes for popularity being rendered as you'd expect

1) The algorithm is in TagCloudWidget::TagsCollection()
and it tends to weight things toward the middle with very few tags, so tends to produce several tags with the class "popular"

2) The styles are .tagcloud .popular etc... and the may be being masked by something else on your page. (I, for example, had them masked by something called #RightSidecar a {} ... ) Unfortunately, this is in blog/css/tagcloud.css, and that is loaded with Requirements::css("blog/css/tagcloud.css") path, and not themedCSS, so you can't just put a new one in mytheme_blog and have it picked up instead. (I've filed a bug against that) So you have to override it with some other more specific identifier --probably one that starts with #. See the css scope rules for this.

To isolates these two issues, I made a fke include something like the following:

		<h3>Fake Tag Cloud - for testing</h3>
		<p class="tagcloud"> 
		<a href="/blog/tag/tag1" class="not-popular">tag1</a> 
		<a href="/blog/tag/tag2" class="not-very-popular">tag2/a> 
		<a href="/blog/tag/tag3" class="popular">tag3</a> 
		<a href="/blog/tag/tag4" class="very-popular">tag4</a> 
		<a href="/blog/tag/tag5" class="popular">tag5</a> 
		<a href="/blog/tag/tag6" class="utlra-popular">tag6</a> 

If you do this, make sure you put this exactly where your tag cloud would go.. right above the call to $Sidebar, so that the css scope rules are the same in that part of the page. THis will sort out any css issues/

As far as the algprthm, it seems to be doing something reasonable, so I for one, am just going to keep an eye on it as the blog grows, and see if its ok.

hope this helps

Go to Top