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, https://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="https://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)

  • Try adding:

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

    to the bottom of your stylesheet.

    Thread Starter hunne

    (@hunne)

    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?

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

    This worked for me – thank you!

    bullpup

    (@bullpup)

    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 https://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=”https://widgets.twimg.com/j/2/widget.js”></script&gt;
    <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.

Tags