Hide dot on unordered list
<p>I am trying to customise an unordered list, which is used of for the navigation menu on this site: <a href="http://chaine-charlotte.org/" rel="nofollow">http://chaine-charlotte.org/</a></p>

<p>You'll see there is a dot/disc between each menu item, running horizontally along the header. I'd like to remove the dot.</p>

<p>I don't have direct access to the CSS code (as far as I can ascertain) as it's a wordpress.com site (I've only ever dealt with wordpress.org self-hosted sites until now). Otherwise, I would post it.</p>

<p>Of course, I can inspect elements from the user/browser side, but so far I've failed to identify which CSS declaration is generating the dot/disc, and therefore which to apply one or both of the following to: </p>

<pre><code>list-style-type: none;
list-style-image: none;
</code></pre>

<p>Can someone please inspect the site from the front end, and kindly tell me which CSS property I should be customising with these declarations?</p>

<p>Thank you.</p>