サポート » プラグイン » ACF Recent Posts Widget で記事を横並びにしたいです

  • 解決済 mensdelies

    (@mensdelies)


    ACF Recent Posts Widgetというプラグインで
    記事を3つずつ横並びにしたいです。

    ウィジット設定内でCSSを記入する欄があるのですが、
    そこにどうやって記入すればよいでしょうか?

    すみませんが宜しくお願い致します。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • ACF Recent Posts Widgetのリストを生成するとliタグに「acf-rpw-li」というクラス属性が付与されますので、そちらにプロパティと値を設定してあげてください。

    Custom CSSに記述

    .acf-rpw-li {
        float: left;
        width: 333.33%;
        box-sizing: border-box;
    }

    あとはご自分でいい感じに整形していただければと思います。
    なお、ulタグにはclearfixが設定されています。

    トピック投稿者 mensdelies

    (@mensdelies)

    ご回答ありがとうございます。

    こちらで記述してみたのですが、
    やはり横並びにならず、通常のように上から下へのままです。

    「なお、ulタグにはclearfixが設定されています。 」
    これが問題なのかもしれませんが、調べてもわかりませんでした。。

    clearfixは問題ではないと思います。
    そして申し訳ございません、返信にて書いたコードに間違いがありました。

    .acf-rpw-li {
        float: left;
        width: 33.33%;
        box-sizing: border-box;
    }

    こちらではこれで横並びになっているのですが、いかがでしょうか?

    できましたらACF Recent Posts Widgetでの設定をどうされているかと、使用されているテーマ名、ウィジェットの挿入箇所を提示していただければ状況の再現もできるかもしれません。

    トピック投稿者 mensdelies

    (@mensdelies)

    ありがとうございます。
    いろいろ試した結果
    Use Default Styles にチェックを入れてしまっていたのが原因でした。
    教えていただいた記述で無事できました。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「ACF Recent Posts Widget で記事を横並びにしたいです」には新たに返信することはできません。