Pro Widget Area: Tag Cloud

Support
#1

I’ve added a section and Pro Widget element, and want to display a tag cloud. I would like to be able to control the following:

  • padding and margin for tags
  • font size
  • font color
  • tag bg/hover color
  • not having the “Tags” header text
  • not having the large tag representing ‘most tags’ ( but having all tags the same format size)

This tag cloud could have a couple dozen entries and I don’t want one more prominent than any other.

The page I am referring to: http://www.peacelocalfood.info/

Andrew

#2

Hi Andrew,

Thanks for writing in!

To achieve that, you can add the code below in Theme Options > CSS


/* TAG CLOUD STYLE */
.widget_tag_cloud .tagcloud a {
    float: left;
    padding: 10px !important;
    font-size: 10px !important;
    width: 100px;
    color: #000000;
    margin: 10px 10px 0 0 !important;
}

.widget_tag_cloud .tagcloud a:hover {
     background-color: #fff;
     color: #000000;
}

.widget_tag_cloud .h-widget {
     display:none;
}
/* END TAG CLOUD STYLE */

You may change the values as you wish.

Thanks

#3

Thank you Paul. Your info was helpful.

#4

Glad we could help.

Cheers!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.