WordPress.org

Support

Support » Plugins and Hacks » [Resolved] changing font size on Twitter Widget

[Resolved] changing font size on Twitter Widget

  • So I got the code from Twitter.com for the widget on my website, http://www.maychung.co.uk and it works fine. I was wondering if there was a way of changing the size of the tweet font? I want it to be smaller (0.75em). I’ve tried this without any luck http://bit.ly/6lRoJr

    So I’ve got the code..

    <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>

    I just don’t have a clue how to change the style of the JavaScript from CSS. Any ideas?

Viewing 5 replies - 1 through 5 (of 5 total)
  • #twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
    color:#000000 !important;
    }

    find that line in your CSS.

    Make it:

    #twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
    color:#000000 !important;
    font-size:0.9em;
    }

    You absolute leg-end! Thank you!

    Awesome – anyone know how to change the color of the scroll bar if it is used? The default is the blue scrollbar but would love to get it in like a grey or some other color…

    Any ideas?

    Thanks!

    Thanks that worked!

    I’m curious how you might modify the “twtr-hd” and “twtr-ft” styles as well. I tried to use them in the same CSS style to adjust their size, but with no luck. Anyone have any ideas what syntax I should be using?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] changing font size on Twitter Widget’ is closed to new replies.