WordPressテーマSANGOの質問

トップページで使用する箇条書きのCSS

アバター
ローマン

はじめまして、ローマンと申します。
SANGOを1ヶ月使用してますが、とても快適で良いサイトになってきました。
それでブログも記事が増えてきて、トップページをカテゴリごとに分けて箇条書きにリンクを載せようと思っているところです。

記事のなどにはクラス名をつけず、
このようにCSSを指定しています。
/* リストカラーボックス */
.entry-content ul, .entry-content ol{
background-color: #D5EEFF;
border:none;
border-radius:5px;
color:#1B435D;
margin: 0 0 1.5em;
}

トップページにショートコードを使用した箇条書き
[list class="li-chevron"]
〜箇条書き〜
[/list]を使用したいのですが、上部のCSSが適用されてしまいます。

本当に未熟で申し訳ございませんが、なにか対策はありますでしょうか?

SANGOの箇条書き種類一覧
記事に様々なスタイルの箇条書きを挿入する
コメントへの回答
サルワカくん
サルワカくん
2020/05/05

お世話になっております。
その場合、リストに対してあてているCSSを、以下のように.entry-contentとulの間に>を使う形に変更すればoKです。

.entry-content > ul,
.entry-content > ol {
  
}

これにより「.entry-contentのすぐ下のulに対して…」という指定になり、[list]が使われている場合には適用されずに済みます。

よろしくお願いします。