Dots/Bullets on list

Resolved Nerin
(@nerin)

11 years, 6 months ago

Hi there,

I’m testing a new theme locally and when I use the widget two dots are appearing in the list.

When I use the widget’s style it looks like this: http://imgur.com/4NbY5kg

When I disable it, the dots move and look like this: http://imgur.com/yhG0Bb6

I haven’t had this problem on my old site. I see posts from a month or so back from people with the same issue and they haven’t been resolved. Wondering if anyone has a solution?

https://wordpress.org/plugins/wordpress-popular-posts/

Viewing 8 replies - 1 through 8 (of 8 total)

Plugin Author Hector Cabrera
(@hcabrera)

11 years, 6 months ago

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?
Thread Starter Nerin
(@nerin)

11 years, 6 months ago
I’m not able to put the site live at the moment.
The output I’m getting is as follows:
```

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

```
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.
Plugin Author Hector Cabrera
(@hcabrera)

11 years, 6 months ago

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.

Thread Starter Nerin
(@nerin)

11 years, 6 months ago

Sure, where can I drop you a pm?

Plugin Author Hector Cabrera
(@hcabrera)

11 years, 6 months ago

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

11 years, 6 months ago
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.
Thread Starter Nerin
(@nerin)

11 years, 6 months ago

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

Plugin Author Hector Cabrera
(@hcabrera)

11 years, 6 months ago

No problem, anytime mate 🙂

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Dots/Bullets on list’ is closed to new replies.

Tags