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

JavaScript

Setting a more specific database type in Prisma

Prisma sets a default of TEXT for all String fields, here is how you can override that.

Ruby

Override database attribute types

Sometimes you don't have control over how your database handles information, so you need Rails to set it