目次
【件名】新着記事や人気記事ショートコード使用した場合、スタイル用CSSクラスが反映されない
現象
以下のように、ショートコードにスタイル用CSSクラスを指定した。これが反映されない。
[new_list class="is-style-2-columns"]
原因
ブロックは、ショートコードと異なり、wrapが付加される。そのため、CSSクラスが付加される要素が異なる。
<div class="new-list-box block-box is-style-default">
<div class="new-entry-cards widget-entry-cards no-icon cf card-large-image large-thumb">
:
対策
ショートコード用のCSSクラスを追加する。
:is(.is-style-2-columns, .is-style-3-columns) .widget-entry-cards:not(.swiper),
:is(.is-style-2-columns, .is-style-3-columns).widget-entry-cards:not(.swiper) {
