WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] changing font size on Twitter Widget (6 posts)

  1. MayChung
    Member
    Posted 4 years ago #

    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?

  2. tugbucket
    Member
    Posted 4 years ago #

    #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;
    }
  3. MayChung
    Member
    Posted 4 years ago #

    You absolute leg-end! Thank you!

  4. jhorton02
    Member
    Posted 4 years ago #

    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!

  5. mudfooted
    Member
    Posted 4 years ago #

    Thanks that worked!

  6. Sazime
    Member
    Posted 4 years ago #

    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?

Topic Closed

This topic has been closed to new replies.

About this Topic