-2

I am using a widget to show latest tweets in my blog. The widget shows latest tweets as a list item. The default list bullet point (black square bullet point) of the theme is shown. I want to change the bullet point to a custom image or symbol (for example, a small twitter bird picture). How can I do this specifically for that particular widget? PS. The widget directory does not contain any CSS file.

1 Answer 1

1

You can do this by modifying your theme's CSS, which you can get access at Appearance > Editor in the Dashboard.

You will need to style the widget list element by dropping this in your theme's style.css

.widget.latest-tweets .widget-wrap ul {
    list-style: none;
    list-style-image: url(http://your-image-url-here);
}
1
  • Form the page source, I find this information "<div id="latest-tweets-2" class="widget latest-tweets"><div class="widget-wrap"><h4 class="widgettitle">Twitter tweets</h4>" about the widget. Commented Jun 12, 2013 at 18:52

Not the answer you're looking for? Browse other questions tagged or ask your own question.