-
投稿者投稿
-
2022年7月27日 7:11 AM #108524
【お使いの Snow Monkey のバージョン】17.2.3
【お使いの Snow Monkey Blocks のバージョン】16.0.3
【お使いの Snow Monkey Editor のバージョン】8.0.1
【お使いのブラウザ】chrome
【当該サイトのURL】ローカルのため無しいつもお世話になっております。
『最近の投稿』ブロックで特定のカスタム投稿タイプを呼び出し、固定ページに一覧を挿入しています。
このとき、リッチメディアやカルーセルを選択すると、記事のサムネイルと抜粋が左から順番に並ぶと思うのですが、これを真ん中から並ぶようにできますでしょうか(※現在は「カルーセル」を使用しています)?
記事数が増えてくれば問題ないのですが、現在は所属する投稿がひとつしかないため、左から並ぶとやや寂しい印象を与えるかと思い、1記事や2記事のときは真ん中から並ぶようにしたいです。
方法ありましたらアドバイスいただけますと嬉しいです。
何卒よろしくお願いいたします。
♥ 0いいねをした人: 居ません2022年7月27日 10:10 AM #108552こんな感じですかね?
.smb-recent-posts .c-entries { justify-content: center; }
♥ 0いいねをした人: 居ません2022年7月27日 10:23 AM #108554リッチメディアやカルーセルを選択すると、記事のサムネイルと抜粋が左から順番に並ぶと思うのですが、これを真ん中から並ぶようにできますでしょうか(※現在は「カルーセル」を使用しています)?
それぞれ該当する要素に
justify-content: center;
を追加すれば中央揃えになると思います。記事数が増えてくれば問題ないのですが、現在は所属する投稿がひとつしかないため、左から並ぶとやや寂しい印象を与えるかと思い、1記事や2記事のときは真ん中から並ぶようにしたいです。
自身のサイトでしょうか?
記事数が少ない状態でカルーセルに設定されている状況が気になります。
どのようなレイアウト(完成イメージ)かスクリーンショットでご提示いただけると良いと思います。2022年7月27日 6:45 PM #108602>キタジマさん
>GONSYさんご返信いただきありがとうございます。
.smb-recent-posts .c-entries
では効かなかったのですが、.spider__canvas
にjustify-content: center;
でイメージ通りの表示にできました。自身のサイトでしょうか?
記事数が少ない状態でカルーセルに設定されている状況が気になります。こちらクライアントの希望でして、カスタム投稿で「お客様の声」を作成しトップページに掲載しているのですが、今後数が増える予定でも今のところは1記事(一社)分しか掲載できないため、記事が増えるまで中央寄せにしたとのことでした。
お二方のおかげで解決できました、アドバイスいただきありがとうございました。
♥ 0いいねをした人: 居ません2022年7月29日 9:07 AM #108660解決できて良かったです!解決した場合はトピックのクローズをお願いします。今回はこちらで閉じますね。
♥ 0いいねをした人: 居ません -
投稿者投稿
- トピック「『最近の投稿』ブロックのコンテンツを中央寄せにしたい」には新しい返信をつけることはできません。