Check out THEMEFRAME Beta
Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get support from the author &
additional benefits (soon), based on your donation level. Your forum name will be highlighted.
Not a member yet? You can still donate. And once you become a forum member, send a Private Message ("PM") to Flynn mentioning your Paypal email address so your donation can be added to your user name.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

How to change styling for the Tag Cloud


  #1  
Old Feb 28, 2009, 09:28 AM
StudioGal
 
87 posts · Feb 2009
St. Augustine FL
Diamond Member 
First of all, THANKS for this excellent theme. It is obvious that a tremendous amount of work went into its programming and its design. Flynn, you are to be heartily congratulated and I WILL be donating to support theme development when I can.

The only thing I wish to change so far, is the font size for the tag cloud. I'd like to reduce the font considerably so it isn't as dominating an item in my sidebar.

Any advice on how to go about this would be much appreciated. TIA!
  #2  
Old Feb 28, 2009, 12:31 PM
Flynn's Avatar
Flynn
 
3,382 posts · Oct 2008
Munich, Germany
The font sizes are hard coded into the widget and cannot be changed with CSS. I'd recommend that you install this small widget http://wordpress.org/extend/plugins/php-code-widget/

Then remove the default tag widget from the sidebar and put one instance of this new PHP Code Widget into a sidebar at Site Admin -> Appearance -> Widgets

Into the text area of the widget put
PHP Code:
<?php wp_tag_cloud('smallest=8&largest=14'); ?>
You can add more parameters by adding &property=value

Defaults:

&smallest=8 (Font size for least used tags)
&largest=22 (Font size for most used tags)
&unit=pt (Font size unit: pt, px, em, %)
&number=45 (Show the XX most used tags. 0 = show all)
&format=flat (flat = side by side with one space between. list = <li>...</li> list)
&orderby=name (name = alphabetically. count = by amount of posts tagged with this tag)
&order=ASC (ASC, DESC, RAND)

Last edited by Flynn; Mar 1, 2009 at 11:06 AM. Reason: Added more formatting to make this clearer, also replaced "most popular" with "most used tags"
  #3  
Old Mar 1, 2009, 08:03 AM
StudioGal
 
87 posts · Feb 2009
St. Augustine FL
Diamond Member 
Thanks Flynn, that worked great.

I've never done any PHP coding so if I understand you correctly: should I want to make the tags in random order, would this be the correct code:

<?php wp_tag_cloud('smallest=8&largest=14&order=RAND'); ?>
  #4  
Old Mar 1, 2009, 08:46 AM
Flynn's Avatar
Flynn
 
3,382 posts · Oct 2008
Munich, Germany
Exactly, you can add or remove properties, and if you leave it empty like this
PHP Code:
<?php wp_tag_cloud(); ?>
it will use all the default values
  #5  
Old Mar 1, 2009, 10:46 AM
StudioGal
 
87 posts · Feb 2009
St. Augustine FL
Diamond Member 
Thanks again, your clear explanations are much appreciated!
  #6  
Old Apr 24, 2010, 06:26 PM
Sakshin
 
63 posts · Aug 2009
Amsterdam, Netherlands
Diamond Member 
Educating. But I would like to change the font from bold to normal. Where do I do that?
  #7  
Old Apr 25, 2010, 03:58 PM
juggledad's Avatar
juggledad
 
7,999 posts · Mar 2009
OSX 10.5.8/10.6.2 WP 2.8.x/2.9.x/3.0 Atahualpa 3.2/3.3.x/3.4.x/3.5.x Safari 4.0.3 Firefox 3.5.3 XP/I
Gold Member 
wp_tag_cloud() is a wordpress function. Here is a link to the function description: http://codex.wordpress.org/Template_Tags/wp_tag_cloud
__________________
Please donate if my support has been of value. Choose the PayPal button JUGGLEDAD.
  #8  
Old Apr 27, 2010, 07:08 PM
yfradkin
 
15 posts · May 2009
Thanks for the tip! I achieved pleasant results by using
PHP Code:
<?php wp_tag_cloud('smallest=6&largest=16&number=45&format=list'); ?>
in conjunction with CSS insert
PHP Code:
div#execphp-3 ul li{ 
displayinline;
border-left2px solid #FFFFFE;

By the way, I would love to associate this CSS with the CSS class "wp-tag-cloud" rather than with the id "execphp-3" but couldn't figure it out.
  #9  
Old May 27, 2010, 09:21 AM
contrast101
 
9 posts · May 2010
Quote:
Originally Posted by juggledad
wp_tag_cloud() is a wordpress function. Here is a link to the function description: http://codex.wordpress.org/Template_Tags/wp_tag_cloud
Sorry but what file gets edited? I'm not sure.

WP 2.9
  #10  
Old May 28, 2010, 06:08 AM
juggledad's Avatar
juggledad
 
7,999 posts · Mar 2009
OSX 10.5.8/10.6.2 WP 2.8.x/2.9.x/3.0 Atahualpa 3.2/3.3.x/3.4.x/3.5.x Safari 4.0.3 Firefox 3.5.3 XP/I
Gold Member 
If you look thru the page I pointed to, you will find the source location
__________________
Please donate if my support has been of value. Choose the PayPal button JUGGLEDAD.

Bookmarks

Tags
tag cloud

Thread Tools
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How To Create A Tag Cloud Page fromtheranks Atahualpa 3 Wordpress theme 2 Jun 23, 2009 03:26 PM
Main page and post page styling....how do I change it? d_random Page & Category Menu Bars 1 May 19, 2009 05:25 PM
Html tag within textarea v-na Atahualpa 3 Wordpress theme 0 Mar 31, 2009 09:09 AM
Sidebar page navigation styling. Change the prefix to >> instead of the block. ray-zin Atahualpa 3 Wordpress theme 4 Mar 18, 2009 06:39 PM
Tag listings in Atahualpa 2.2 MrCardinal Other BFA WordPress Themes 6 Feb 17, 2009 09:14 AM


All times are GMT -6. The time now is 02:03 PM.


Powered by vBulletin® Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.