ACF Recent Posts Widgetのリストを生成するとliタグに「acf-rpw-li」というクラス属性が付与されますので、そちらにプロパティと値を設定してあげてください。
Custom CSSに記述
.acf-rpw-li {
float: left;
width: 333.33%;
box-sizing: border-box;
}
あとはご自分でいい感じに整形していただければと思います。
なお、ulタグにはclearfixが設定されています。
ご回答ありがとうございます。
こちらで記述してみたのですが、
やはり横並びにならず、通常のように上から下へのままです。
「なお、ulタグにはclearfixが設定されています。 」
これが問題なのかもしれませんが、調べてもわかりませんでした。。
clearfixは問題ではないと思います。
そして申し訳ございません、返信にて書いたコードに間違いがありました。
.acf-rpw-li {
float: left;
width: 33.33%;
box-sizing: border-box;
}
こちらではこれで横並びになっているのですが、いかがでしょうか？
できましたらACF Recent Posts Widgetでの設定をどうされているかと、使用されているテーマ名、ウィジェットの挿入箇所を提示していただければ状況の再現もできるかもしれません。
ありがとうございます。
いろいろ試した結果
Use Default Styles にチェックを入れてしまっていたのが原因でした。
教えていただいた記述で無事できました。
