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 any more, 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

    Rails

    Dealing with multiple languages with inflections

    How to have your site deal with multiple languages in inflections

    Threat Intelligence JavaScript

    Threat Intelligence Issue 5

    Issue 5 of our Threat Intelligence information