Dots/Bullets on list

Hi Nerin,

Well, it’s hard to tell what’s going on without seeing the actual HTML output. Can you post it here or maybe publish that theme somewhere that can be reached online?

I’m not able to put the site live at the moment.
The output I’m getting is as follows:

<!-- WordPress Popular Posts Plugin v3.1.1 [W] [daily] [avg] [regular] -->
<div class="widget popular-posts">
<div class="widget-title"><h2>Recently Popular</h2></div>
<h2>Recently Popular</h2>
</div>
<ul class="wpp-list">
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
</div>
<!-- End WordPress Popular Posts Plugin v3.1.1 -->

I’ve looked at a lot of the other bullet point issues here going back four years and haven’t found a fix yet. Some of them suggest going into the css of the theme but there is nothing there in editor for wpp.

I don’t see anything wrong with the HTML output. That markup should display only one bullet (instead of two) so something else must be causing it.

Since you can’t publish the site yet, the only way I can help you out is by reviewing the entire code. Is there any chance you could upload the theme somewhere (a zip file, maybe) so I can test it locally? Otherwise, we are going to be shooting arrows in the dark.

Sure, where can I drop you a pm?

Unfortunately (and fortunately at the same time) these forums don’t have such a feature as private messages. Hit me at hcabrerab @ Gmail.

Hi Nerin!

I just took a look at your theme and the double bullet issue you reported before.

The issue is theme related. The main.css stylesheet is adding bullets to all A HTML tags (links) in widgets using the :before CSS selector (see here), and so it happens that WPP wraps the thumbnails in A HTML tags too – hence one bullet for the thumbnail and another one for the post title.

My guess is that for some reason the theme developers wanted to add bullets to HTML lists (UL) without using the list-style CSS property, so they chose to use the :before selector. It’s not a bad idea per se, but as you can see it has side effects they may not have thought of.

So, what to do?

• You can disable that style and the bullets will be gone (as I did on the screenshot), or
• Use WPP’s filters to customize the HTML output and remove the A tag from the thumbnail (here’s an example on how to use them), or
• Ask the Momizat team for support, they might have a better suggestion to get rid of the double bullets issue without affecting other elements of the theme.

That’s brilliant Hector, I really appreciate it. Messed around with the HTML output and it fixed things as I wanted.
Thank you!

No problem, anytime mate ??