Disqus showing bullets

How I fixed an issue I had with Disqus showing bullets

For a while we used to use the Disqus commenting system on this site. We haven’t for some time now but this is still a useful post.

There was an issue where some bullets would show on list items in the comments. This looked weird because we didn’t use bullets anywhere else.

Now, This specific CSS might not be the same anymore, but the larger point is when you import a third-party script onto your site, you shouldn’t expect things like CSS to work identically.

Here is the code I needed to add to remove the bullets.

#disqus_thread ul {
    list-style: none outside none;
}

A good third-party will namespace their work. For example it looks like Disqus uses #disqus_ at the start of their IDs. This is handy to then add your styles on top of whatever they provide.

Hope it helps someone.

Recent posts View all

EmailStudents

Unsolicited Hiring Tips

If you're going to email a company out of the blue, help them to help you with these three tips

Reviews

Review: How data happened

A fun read for anyone interested in data or the social history around it