WordPress.org

Forums

How to change the font size of my Twitter widgets? (8 posts)

  1. hunne
    Member
    Posted 5 years ago #

    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>
  2. esmi
    Forum Moderator
    Posted 5 years ago #

    Try adding:

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

    to the bottom of your stylesheet.

  3. hunne
    Member
    Posted 5 years ago #

    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?

  4. esmi
    Forum Moderator
    Posted 5 years ago #

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

  5. spdrmnky
    Member
    Posted 5 years ago #

    This worked for me - thank you!

  6. Bullpup
    Member
    Posted 5 years ago #

    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!

  7. apriigem
    Member
    Posted 5 years ago #

    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.

  8. jhover
    Member
    Posted 5 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic