[Plugin: Widgets on Pages] Bullets by widget titles NOT removed by CSS from FAQ!

Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of specific help.

Sorry, thanks.

https://multisitetestzone.co.uk/gafc/

The words ‘Next Match’ are set in the widget.

I’ve realised I also had the same problem on another site that I put some code into the page template to list child pages – the text at the top of the list (“Pages in this section…..”) is just in h tags and yet has a bullet point added.

This is clearly an error in my themes and I need to figure out what it is!!

Try adding:

.art-post .widget li {
list-style-image:none;
list-style:none;
}

to the bottom of your theme’s stylesheet.

Hmmmm …. no luck, I’m afraid. Any other ideas?

I’m lost in this CSS now, I can’t figure out what I’m looking for.

Hey Noise dude, I’m the author of the plugin and will help you with this but am away from tech for a few days… if you can hang tight I’ll look into this when I’m back connected.

@noisedude
it’s no bullet – it’s a background image:

edit style.css of your theme, find this style:

.art-post ul li, .art-post ol ul li
{
  background-image: url('images/postbullets.png');
  background-repeat: no-repeat;
  padding-left: 13px;
}

simply remove it.

if you need the unordered list ‘bullets’ for other reasons, leave it and add a new style:

.widgets_on_page ul li { background:none; }

(only tested in firefox)

Ah great response alchymyth… I should add that to the FAQ as well to overcome any other settings in the theme.

Yeah that’s fantastic. I guess I’m wondering why so many themes are set up for this to happen …. I’ve been using ones from a range of developers and notice this problem with all sorts of things put at the top of pages. Why would someone have set a bullet symbol to appear as a background image?

Could I just remove the line
background-image: url('images/postbullets.png');
and leave the padding setting in? Or is that padding just related to the placement of the image?

I think it might be to make sure the bullet appears the same across the different browsers.

OK. I’ll take it out altogether. Thanks.

OK guys. Problem is now that all my lists have no bullets. I imagine this is a problem with having had a bullet image set in CSS to begin with, but now I want to know ….. how can I get normal bullets (not an image, just the standard character) back for actual lists?

Then you should just use the following;

.widgets_on_page ul li { background:none; }

How does this work?

That’s great, Todd, thanks.

Now if I could work out why my child page listings had the same background image set next to the title, I’d have made a real CSS/WP breakthrough on all my sites!! It seems to crop up on every site that I edit the page template on!

https://multisitetestzone.co.uk/gafc/about-the-club/

You can get rid of this by styling the h2’s that appear in lists.
Something like this shuold work (note not tested this).

.art-post ul li h2, .art-post ol ul li h2
{
  background: none;
}