Restyling A Plugin

  • Resolved niko82

    (@niko82)


    15 years, 2 months ago

    Hi all, I’m sure this is something that’s been dealt with before – maybe even in the codex – but I couldn’t seem to dig anything up.

    I just downloaded a great little plugin called “Simple Upcoming Events”.

    It’s an absolutely brilliant plugin, very streamlined, nice way to combine a post with an event listing.

    My question: I’d like to give the sidebar widget that corresponds to this plugin a little aesthetic boost.

    Where do I find the styling code for a plugin? Plugins don’t seem to alter the code in my theme at all (i.e. sidebar.php or style.css), or at least not that I can find. A helpful nudge in the right direction would be greatly appreciated.

    Thanks all, take care.

    N.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter niko82

    (@niko82)

    Currently looking at this…

    Looks promising. I’ll report back for any dedicated followers

    Thread Starter niko82

    (@niko82)

    Yeah that’s it, read the above mentioned tutorial (https://rubiqube.com/wordpress-tutorial-customizing-widgets-using-css/) on what looks to be a very informative site.

    So here’s the basics: You’ve gotta first identify the HTML class for the widget you want to restyle. TO do this: add the widget to your sidebar (obviously), then open up the page source and you’ll find the widgets listed with an ul li type of setup.

    Then plug the class into your style.css file. In this case use:

    .widget_simple_upcoming_events ul li {

    border-bottom: 1px dotted #CCCCCC;

    }

    and add your modifications in CSS as per usual. I added the border here just for an example.

    Just read the tutorial, it’ll explain anything I can’t.

    Hope this helps someone out there.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Restyling A Plugin’ is closed to new replies.