Wordpressのサイドバーに不要な黒丸が表示されてしまう

###前提・実現したいこと
Wordpressのサイドバーの表示を修正したい

###発生している問題・エラーメッセージ
Wordpress Popular Postのプラグインを使って、サイドバーに人気記事を表示させています。その際なぜかタイトルの上に、不要な黒丸が表示されてしまいます。

###補足情報(言語/FW/ツール等のバージョンなど)
・WordpressのバージョンはWordPress 4.8.2
・Wordpress Popular Postのバージョンは 4.0.6
・Wordpress Popular Postの「HTML マークアップ設定」部分は以下のように記述。

・サイドバーには、Wordpress Popular Postのウィジェット以外に、sidebar.phpに以下を直接記述。

<!-- sidebar -->
<div id="sidebar" class="clearfix">
<aside >
<div class="sidebar">
  <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
  <?php endif; ?>
</div>
</aside >
<aside>
<h3>最新記事</h3>
<ul class="newpost">
<?php $posts = get_posts('numberposts=5'); //最新５件を表示
foreach($posts as $post): ?>
  <li>
    <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
    <?php
    if (has_post_thumbnail()):
      $title = get_the_title();
      the_post_thumbnail(array(100,75), array('alt' => $title));
    else: //アイキャッチ画像がなかった場合の処理
    ?>
      <img src="<?php bloginfo('template_url'); ?>/notimage-mini.png" alt="<?php the_title(); ?>" width="100" height="75" />
<?php endif; ?>
<?php the_title(); ?></a>
</li>
<?php endforeach; ?>
</ul>
</aside>
<aside >
<h3>カテゴリー</h3>
<ul class="categorys">
<?php wp_list_categories('show_count=1&title_li='); ?>
</ul>
</aside >
<!-- /sidebar -->

kei344

2017/10/21 16:37

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、使用されているテーマは自作テーマでしょうか？それとも公開されているテーマでしょうか？後者の場合は入手先をリンクつきで質問文に追記してください。

shiratama74

2017/10/21 16:43

初めての投稿で不慣れで失礼いたしました。コードを囲みました。テーマについては自作です(自分で作った訳ではなく、他のブロガーから譲り受けたテンプレートを使用しています)。

行動規範の内容に同意します

回答1件

ベストアンサー

たぶんdefaultのリストスタイルだと思われます。

CSS
1ul.popularpost {
2	list-style: none;
3}

【CSSで書くlist-styleの使い方【初心者向け】 | TechAcademyマガジン】
https://techacademy.jp/magazine/8258

投稿2017/10/21 16:51

kei344

総合スコア69398

shiratama74

2017/10/21 17:07

style.cssの中の記述が以下のようになっていたのですが、こちらのどこかに手を加えることで修正が可能ということでしょうか？ ``` /* 人気記事 */ .popularpost li{ margin-top: 10px; margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; height: auto; overflow: hidden; position: relative; zoom:1; padding-bottom: 10px; } .popularpost li img { vertical-align: bottom; padding: 2px; border: 1px solid #CCCCCC; float: left; margin-right: 10px; } .views { margin-left: 5px; background-color: #FFECF1; color: #F36; font-size: 80%; } /* 人気記事終了 */ ```

kei344

2017/10/21 17:09

回答をそのまま追記したらよいです。

shiratama74

2017/10/21 17:20

位置はどこでも大丈夫でしょうか？最後に追記してみましたが、消えないようでした、、、 ``` /* 人気記事 */ .popularpost li{ margin-top: 10px; margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; height: auto; overflow: hidden; position: relative; zoom:1; padding-bottom: 10px; } .popularpost li img { vertical-align: bottom; padding: 2px; border: 1px solid #CCCCCC; float: left; margin-right: 10px; } .views { margin-left: 5px; background-color: #FFECF1; color: #F36; font-size: 80%; list-style: none; } ul.popularpost { list-style: none; } /* 人気記事終了 */ ```

kei344

2017/10/21 17:22

list-style: none !important; に書き換えてみてください。

shiratama74

2017/10/22 02:00

書き換えても消えないようでした(><)

kei344

2017/10/22 02:10

【CSSが効かないときの優先順位チェック(3)～点数計算編】 https://naifix.com/css-priority-3/ 他のCSSが邪魔しているか、別の問題かもしれませんね。サイトのURLを提示できますか？

shiratama74

2017/10/22 07:23 編集

なるほどです。サイトはこちらになります。