Theming: Design and Colors (free version)

Color of Tabs and Accordion Panels

If you want to change the style of the tabs or the accordion panels, you simply select one of the bundled themes that you find in the Tag Groups settings, Front End, Themes and Appearance. More information about creating you own theme is available here.

Color of Tags in Tag Clouds

Tag Groups comes with a few standard themes that you can use to give some shape and color to your tags. You apply a theme by using its class name for the enclosing element –  “div class” or “table class”.

Example:

[tag_groups_cloud div_class="tag-groups-theme-green"]

The color is applied to the “prepend” and “append” elements.

tag-groups-theme-green
tag-groups-theme-blue
tag-groups-theme-red
tag-groups-theme-orange
tag-groups-theme-black
tag-groups-theme-darkred
tag-groups-theme-midnightblue
tag-groups-theme-slategray

This is an example:

WordPress plugin - tag cloud - green
tag-groups-theme-green with the parameter append=”{count}” to show the post counts.

We also adapted styling created by Dimox after a design by Orman Clark. You can use it with the class name

tag-groups-theme-tag-with-hole

Since the tag size is fixed, the maximum font size should not exceed 18px. The cloud looks best if all tag labels have the same height.1

Tag Cloud - tags with holes - css
Show 1 footnote
  1. Use the same value for the minimum and the maximum font size.

How do you rate this article?