Support » Theme: Twenty Seventeen » 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://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 4 years, 4 months ago by graefinzahl.
    • This topic was modified 4 years, 4 months ago by graefinzahl.
Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Tag Cloud Font Size’ is closed to new replies.