Finding classes in plugins? (4 posts)

  1. thisisloze
    Posted 3 years ago #

    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 :/

  2. linux4me2
    Posted 3 years ago #

    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.

  3. thisisloze
    Posted 3 years ago #

    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 :/

  4. Andrew Bartel
    Posted 3 years ago #

    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 }

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.