Tag Cloud Font Size
-
I want the tag cloud to have different font size depending on the post count per tag. I most prefer the style of the tag cloud in the wordpress theme twenty fifteen. I already tried overwriting the style.css with a child theme using the following code:
/* Tag cloud widget */ .tagcloud, .widget_tag_cloud, .wp_widget_tag_cloud { line-height: 1.5; } .widget .tagcloud a, .widget.widget_tag_cloud a, .wp_widget_tag_cloud a { border: none; -webkit-box-shadow: none; box-shadow: none; display: inline-block; float: left; font-size: auto !important; /* !important to overwrite inline styles */ margin: 4px 4px 0 0 !important; padding: 4px 10px 5px !important; position: relative; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; width: auto; word-wrap: break-word; z-index: 0; } .widget .tagcloud a:hover, .widget .tagcloud a:focus, .widget.widget_tag_cloud a:hover, .widget.widget_tag_cloud a:focus, .wp_widget_tag_cloud a:hover, .wp_widget_tag_cloud a:focus { border-color: #bbb; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; }
This removes the border around the tags (so the child theme is actually changing something), but the font size remains the same.
I also tried adding the following in the Custom CSS Editor.
.sidebar .tagcloud a{ color: #000; font-size: auto !important; } .footer-widget .tagcloud a { font-size: auto !important; }
This was suggested in this thread: https://www.ads-software.com/support/topic/tag-cloud-31/
but I assume this was for another theme.Is there a possibility to get the old style of the twenty fifteen back? And if yes, how?
I am really sorry if this question was already answered somewhere else, but I couldn’t find a related and resolved topic among all the tag cloud or widget related threads.
- The topic ‘Tag Cloud Font Size’ is closed to new replies.