How can I increase widget font sizes?

  • Unknown's avatar

    How can I increase the font size for widgets in my sidebar? The theme I am using is Twenty Ten. I currently have widgets including contact info, search, facebook…. I have increased the font size for the theme but I can’t figure out how to do the same thing with the widgets. I’ve tried pasting in code in the CSS box that comes up when I go to “Customize” and it doesn’t seem to change anything. For example, following one of the Forum discussions, I posted
    #sidebar {
    font-size: 1.2em !important;
    }
    I increased the 1.2 to a variety of larger numbers, no change. Am I missing something really obvious about how to paste in this code? I understand the concepts of html, but I’ve never used CSS before.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi, you are close. The Twentyten theme uses a different selector.

    .widget-container {
    font-size: 1.2em;
    }
    .widget-title {
    font-size: 1.2em;
    }

    The container is for the text inside the widget and widget title is for the title. You can experiment with the sizes.

    If this isn’t what you are looking for let me know and we’ll get it.

  • Unknown's avatar

    Thank you very much! This worked right away. Thanks so much for your help.

  • The topic ‘How can I increase widget font sizes?’ is closed to new replies.