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

PersonalWeb Dev

X-Clacks-Overhead

We now support the X-Clacks-Overhead, or, the internet as a tool to not forget

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.