Edit Design of Tag Cloud on PENSCRATCH theme?

  • Author
  • #2127451

    Hello all of you amazing CSS wranglers out there! I have a question for y’all this morning. I am using the Penscratch theme and have made adjustments to the tag cloud widget CSS to remove the padding and borders around each tag. What I would really like to do is make my tag cloud function like one would “out of the box” with wordpress. By which I mean, I want my most frequently used tags to show up bigger and bolder than the less frequently used tags.

    This is what I currently have going on:

    .wp_widget_tag_cloud a, .tags-links a {
    font-size: inherit;
    display: ;
    margin: 0 2px 2px 0 !important;
    padding: 0 3px;
    letter-spacing: 0;
    text-transform: none;
    color: #ff1463;
    border: 0 solid #eee;
    vertical-align: baseline;

    Any assistance would be much appreciated!

    The blog I need help with is blogapocalypse.wordpress.com.



    I’m not sure if you can with your theme, it looks like the theme author has set the font size in the theme CSS using:

    .wp_widget_tag_cloud a {

    and (unless anyone else has any better ideas) I can’t see a way to revert to the inline CSS applied by the widget automatically.


    I’m not sure if you can with your theme, it looks like the theme author has set the font size in the theme CSS using

    You are on the right track, but it wasn’t set but the theme author. It was set in another function that was designed to set custom font annotations to make themes compatible with the custom fonts feature on WordPress.com.

    I think the rule is too aggressive and it needs to be addressed in the font code directly. I’ve reported the issue to our developers for review to see what can be done.



    So close and yet so far! I’ll keep my fingers crossed that there’s an alternative =)


    There should be, it does look like a theme bug to me. We’ll need to wait to hear back from the developers to see if anything can be done though.


    Following up here to note that the font sizes for the tag cloud widget on the Penscratch theme are an intentional design choice made by the theme author, and they decided not to make a change to how they work.



    What a pity! Penscratch is one of the most attractive themes, but the tag cloud is virtually unusable like it is – it stretches for more than a screen height unless it is restricted to only about 20 tags, which is pointless. I can’t see why they made this choice unless they wanted to stop people using the tag cloud at all. Such a pity! But thanks for the follow-up advice.


    Sorry about that! It’s a design decision. Each theme is unique and sometimes the theme author wants to take some elements into their own hands. This is one of those cases. Perhaps they will reconsider in the future if it comes up more often over time.

    FWIW, I think the tag cloud looks really nice in Penscratch, even without a variable font size.



    Hi, thanks for your reply. Yes, I agree that each designer makes choices and that is fair enough. I also know that it is wonderful being able to get such well designed themes on a free WordPress blog, so I am not complaining.

    But I am still sad because I was thinking of changing to Penscratch and buying the CSS upgrade so I could make the tag cloud more compact, then was disappointed to find when I looked at the CSS in Firebug that it couldn’t be changed. If I could even change the font-size I could make it more compact.

    I really love the newer “open minimalist” designs, but reader feedback tells me that people want easier navigation and more choices than these designs provide, so having a compact tag cloud is one way to achieve that.

    Anyway I accept the reality, but I thought it worthwhile recording the merit of having a mix of minimalist design and ready navigation. Thanks again.



    FWIW I have blogged for many years and I used tag cloud widgets for some time on my blogs, but I noted that my readers did not use them so I removed them.



    Hi, that’s an interesting thought. I guess you used Google’s In-Page Analytics?

    I can’t use that on my WordPress.com blog, but I tried it on a self-hosted blog and you seem to be pretty right – not many people use a tag cloud, though I find it helpful myself.

    It seems I may need to think again. If I don’t use a tag cloud, I’ll have to think how else do I improve the internal linking and offer readers easy and attractive links to other useful content.

    Thanks for the thought.



    I guess you used Google’s In-Page Analytics?

    No I have been running the non-Javascript version of sitemeter on both blogs for years> In fact those stats were the only ones I had before WordPress.COM stats were introduced here. :)



    OK thanks for your ideas, it has been helpful.


    If I could even change the font-size I could make it more compact.

    So, to make the tag cloud more compact in the Penscratch theme, you could modify things besides the font size (this thread was originally about the variable font sizes).

    To change the style of links in the tag cloud widget in the Penscratch theme so they are all more compact, try adding this to your Appearance > Customize > CSS editor:

    .wp_widget_tag_cloud a {
    	border: none;
    	display: inline-block;
    	letter-spacing: 0;
    	margin: 0 7px 0 0 !important;
    	padding: 0;
    	text-transform: none;

    You can adjust the various rules or add/remove some of them to get different effects.



    Thanks. That would certainly make some of the difference I want.


    Awesome. Let me know if you need further help!



    Now the tags looks tame even though they do not resemble a cloud.


The topic ‘Edit Design of Tag Cloud on PENSCRATCH theme?’ is closed to new replies.