WordPress.org

Support

Support » Plugins and Hacks » How to change the font size of my Twitter widgets?

How to change the font size of my Twitter widgets?

  • I want to display my tweets in my sidebar and I found two plugins I like, especcially the looks. The HTML code of Twitter en the Twitter Goodies plugin.

    I put them both on my site, http://www.hunne.nl, and I found out that the font size is so small, that nobody can read it. I really dont know if it is possible to change that. Can somebody help?

    The code of the Twitter widget is as follows

    <script src="http://widgets.twimg.com/j/2/widget.js"></script>
    <script>
    new TWTR.Widget({
      version: 2,
      type: 'profile',
      rpp: 8,
      interval: 6000,
      width: 'auto',
      height: 300,
      theme: {
        shell: {
          background: '#ffffff',
          color: '#000000'
        },
        tweets: {
          background: '#a8a8a8',
          color: '#ffffff',
          links: '#384f63'
        }
      },
      features: {
        scrollbar: true,
        loop: false,
        live: false,
        hashtags: true,
        timestamp: true,
        avatars: true,
        behavior: 'all'
      }
    }).render().setUser('edokoch').start();
    </script>

Viewing 7 replies - 1 through 7 (of 7 total)
  • esmi

    @esmi

    Forum Moderator

    Try adding:

    #sidebar ul li .twtr-bd {font-size:1em;}

    to the bottom of your stylesheet.

    If I put it at the end it just shows up as text in the sidebar below the widget. Wat am I doing wrong then?

    esmi

    @esmi

    Forum Moderator

    You need to add it to the theme’s stylesheet. That the one with the .css extension.

    This worked for me – thank you!

    Hi there. I am experiencing the exact same problem. I tried the code you sent esmi, and it’s not working.

    You can see the problem on http://www.GuidoFail.com

    Thank you in advance for the help. I truly appreciate it!

    I ran across this thread while searching for a solution to the same problem. I’m just curious, where do I find this mystery stylesheet I’m supposed to add the code to? I have no idea where to start.

    You can run an inline CSS style. I have added it to the code below:
    <script src=”http://widgets.twimg.com/j/2/widget.js”></script>
    <script>
    new TWTR.Widget({
    version: 2,
    type: ‘profile’,
    rpp: 8,
    interval: 6000,
    width: ‘auto’,
    height: 300,
    theme: {
    shell: {
    background: ‘#ffffff’,
    color: ‘#000000’
    },
    tweets: {
    background: ‘#a8a8a8’,
    color: ‘#ffffff’,
    links: ‘#384f63’
    }
    },
    features: {
    scrollbar: true,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: ‘all’
    }
    #sidebar ul li .twtr-bd {font-size:1em;}
    }).render().setUser(‘edokoch’).start();
    </script>

    This will make the change to the CSS

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to change the font size of my Twitter widgets?’ is closed to new replies.