Support » Fixing WordPress » Finding classes in plugins?

  • Hi this seems like it should be simple – but I can’t figure it out. I also am not looking for someone to do it for me either. I need to learn how to use googles dev plug to find exact information regarding certain CSS classes.

    For example I wanted to add a tiny dotted line inbetween all the recent posts in the widget so they are clearly seperated.

    .widget_recent_entries li {border-bottom:1px solid #ccc; padding-bottom:1px;}

    I also wanted to do this for the CUSTOM Popular Posts Widget I have installed. I cant find the defined CSS in the plugins code.

    How would I look for this? I am assuming its something similar to .widget_recent_entries li {border-bottom:1px solid #ccc; padding-bottom:1px;}


    .widget_popular_entries li {border-bottom:1px solid #ccc; padding-bottom:1px;}
    this is just a guess though :/

Viewing 3 replies - 1 through 3 (of 3 total)
  • I don’t use Google’s dev plug, so I can’t help you there; however, my favorite way to do this is to use the Firefox extension called Firebug. It allows you to view and modify CSS in the browser without having to actually alter files and upload them, so it’s a great way to locate where CSS is set (it identifies the file path and line number) tweak it, and test it before making permanent changes.

    It’s also good for troubleshooting javascript.

    If you’re going to be developing web sites, it’s a great tool to have.

    Yeah I have tried that aswell It isnt giving me the exact class.

    As you can see I got it to have the line under the recent posts. But I cannot seem to find the class for the POPULAR posts :/

    Just gotta know what to look for in firebug, it’s giving you what the browser is getting, so if there’s a class, it will have it. Here ya go:

    .popular-posts ul li { border: 1px solid whatever }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Finding classes in plugins?’ is closed to new replies.