Support » Plugin: Twitter Widget Pro » [Plugin: Twitter Widget Pro] Possible to edit font size/color/type/etc?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Aaron D. Campbell


    Everything can be styled using CSS. There are several classes in the widget that should make it pretty easy to do. Just add the CSS to any CSS file that’s loaded (like your theme’s style.css file).

    Hi Aaron,

    Thank you for the response. A few more questions. . .

    As I stated, I’m pretty new at this so I’ll need a little more direction. When you say “Just add the CSS to any CSS file that’s loaded (like your theme’s style.css file)”, are you speaking of CSS code that I’d have to generate on my own. . .or copy/pasting some from a file within the widget?

    If I go in to edit the widget, I see four files:
    index. php

    I’ll presume that any code I’d need would be located in either the index or the …widget.php file if I’m to copy paste. If that is indeed the case, what would I be looking for to edit?

    If I’m supposed to generate my own code (or edit any currently existing code), is there some “shell” or template I could use to plug in the values I’d like such as font size/type?

    Again, I’m new at this so pardon my ignorance. I currently have a particular font that exists throughout my site, and I’d like to be as consistent as I can.

    Plugin Author Aaron D. Campbell


    Actually, my plugin does NOT have those files in it. You’re using a different plugin. You should figure out which one and try to either tag this thread accordingly or just post a new question from that plugin and close this one.

    Apologies Aaron, I was looking at the wrong plugin at that time. However, I’m navigating through the files in the proper one (wp-twitter-widget.php and similar) and I’m still having a difficult time locating what I should be looking for within it.

    Hi Aaron – I’m trying to do the same, however the example CSS you provide uses classes such as “.widget_twitter .intent-meta a” however the HTML generated for the default widget has classes such as “twitterwidget twitterwidget-title”.

    Now I’m a relatively inexperienced with CSS so could be completely on the wrong track – but perhaps this is the problem a few people are having?

    Do you have any examples or a list of the actual classes it generates for a widget, or do I have to go through a test widget and work them all out?

    Plugin Author Aaron D. Campbell


    If your theme is set up properly, the whole widget should have a the .widget_twitter class. Since .intent-meta is a class specified by Twitter I added the .widget_twitter prefix to make sure we weren’t styling OTHER intents on the page. If all you want to do is style the title, you can just use:

    .twitterwidget-title {
        /*your styles here*/

    That will style a span that is inside whatever element your theme uses as a widget title element. Basically, I include the classes so you can style it, but since each theme is different…the CSS to style it will be different with each theme as well.

    Do you guys know how to edit the color of the links?

    Figured it out. I just add the color I want to this line.

    `.widget ul li a:link, .widget ul li a:visited { text-decoration: none; color: #ff8000; }

    Plugin Author Aaron D. Campbell


    Heidi: Thanks for putting the answer back here for others to find. Just a heads up though, this will be different on all themes. What theme are you using?

    Standard Theme

    I just learned how to use firebug, and it has changed my life! 😉

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Plugin: Twitter Widget Pro] Possible to edit font size/color/type/etc?’ is closed to new replies.