WordPress.org

Ready to get started?Download WordPress

Forums

Twitter Widget Pro
Possible to edit font size/color/type/etc? (11 posts)

  1. smak88
    Member
    Posted 2 years ago #

    I'm very very new at this stuff and was wondering where I might have to look so I can adjust the font styling on this widget. Any assistance is appreciated. Again, really new at this so detailed descriptions regarding placement and code is what I'm looking for.

    http://wordpress.org/extend/plugins/twitter-widget-pro/

  2. Aaron D. Campbell
    Member
    Plugin Author

    Posted 2 years ago #

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

  3. smak88
    Member
    Posted 2 years ago #

    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:
    really_simple_twitter_widget.php
    uninstall.php
    readme.txt
    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.

  4. Aaron D. Campbell
    Member
    Plugin Author

    Posted 2 years ago #

    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.

  5. smak88
    Member
    Posted 2 years ago #

    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.

  6. TheWedgie
    Member
    Posted 2 years ago #

    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?

  7. Aaron D. Campbell
    Member
    Plugin Author

    Posted 2 years ago #

    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.

  8. heidifromm
    Member
    Posted 2 years ago #

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

  9. heidifromm
    Member
    Posted 2 years ago #

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

  10. Aaron D. Campbell
    Member
    Plugin Author

    Posted 2 years ago #

    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?

  11. heidifromm
    Member
    Posted 2 years ago #

    Standard Theme

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

    http://www.pagelines.com/tag/firebug/

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic