Replies: 0
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://wordpress.org/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.
-
This topic was modified 9 minutes ago by
graefinzahl.
-
This topic was modified 5 minutes ago by
graefinzahl.