[山崎 大祐]

【お使いの Snow Monkey のバージョン】20.4.2
【お使いの Snow Monkey Blocks のバージョン】19.10.0
【お使いのブラウザ】chrome
【当該サイトのURL】https://yamasakidaisuke.com/6144.html

### 実現したいこと

以下のサイト上部のように複数のピックアップ投稿を並べたい

セゾンのくらし大研究

人生100年時代を生きるうえで直面する 「お金」「暮らし」「健康」「家族」の困りごとや悩みごとを、 一つひとつ一緒に考え、 一緒に解決するためのヒントやきっかけとな…

life.saisoncard.co.jp

### 発生している問題

いつもお世話になっております。

参考サイトのように、ピックアップスライダーを並べて表示したいです。
知識不足でspiderのカスタマイズ方法がわかりませんでした。もし可能であればご教示をお願いできますでしょうか。

### 試したこと

• 過去記事の検索　「spider」「コンテンツスライダー」で検索
• ドキュメントの確認
• コードのテスト
  CSSを追加⇒望んだ状態になりませんでした
  ‘@media (min-width: 1024px) {
  .my-slider .spider__slide {
  max-width: calc(50% – 10px);
  }
  .my-slider .spider__slide:not(:last-child) {
  margin-right: 20px;
  }
  }’
• JSの検証 myplugin_js.jsに追記を検証しようと思いましたが、思いつきませんでした

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

こんな感じでどうでしょう？

.smb-spider-pickup-slider .spider__slide {
  max-width: 50%;
}

♥ 1

いいねをした人:

[山崎 大祐]

ありがとうございます！

すみません、cssでは再現できないのではと思い込みで進めておりました。

教えていただいたcssで再現できました。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

Spider は、枚数とかデザインの調整は全部 CSS でやりたいのにちょうど良いのが無かったので開発したライブラリなんです！ということで幅の指定も CSS でできるんです^^（というか js 側にはそのような設定が無いから CSS でやるしかない…

♥ 1

いいねをした人:

[山崎 大祐]

spiderドキュメントを読んでそこまで読み取ることができませんでした！
ある意味すごいと思います。cssでカスタムします！

♥ 1

いいねをした人:

[投稿者]

投稿