Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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
 
177 posts · Feb 2009
Palm Beach Gardens FL
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,768 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
 
177 posts · Feb 2009
Palm Beach Gardens FL
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,768 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
 
177 posts · Feb 2009
Palm Beach Gardens FL
Thanks again, your clear explanations are much appreciated!
  #6  
Old Apr 24, 2010, 06:26 PM
Sakshin
 
66 posts · Aug 2009
Amsterdam, Netherlands
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
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
wp_tag_cloud() is a wordpress function. Here is a link to the function description: http://codex.wordpress.org/Template_Tags/wp_tag_cloud
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Apr 27, 2010, 07:08 PM
ymf
 
61 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
 
11 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
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
If you look thru the page I pointed to, you will find the source location
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
tag cloud

Thread Tools Search this Thread
Search this Thread:

Advanced Search
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 01:49 PM.


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