[mana]

【お使いの Snow Monkey のバージョン】
バージョン: 20.3.4

【お使いのブラウザ】
クローム

### 実現したいこと
現状ピックアップスライダーを作成しても、大きすぎてしまうので、下記サイトのように程よいサイズにしつつ、背景を水玉っぽくしたいのですが、そのようなことは可能でしょうか？

おでかけわんこ部 | 愛犬とのおでかけスポット（カフェ・宿）を紹介

「きみのワクワクは私のHappy!!」をコンセプトに全国の飼い主さんから届いたわんこokのカフェや宿のレポートや、おすすめの犬グッズを紹介します

odekake-wanko-bu.com

♥ 0

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

[Olein_jp]

参照サイトを拝見しましたが、おそらくアクションフックで <section class="p-front_page_slider__block">〜</section> というスライダーセクションを独自に作り、挿入されているように見えます。また、背景の水玉に関しては背景画像を設置されているだけです。

ですので、セクションブロックやグループブロック、スライダー関連のブロックを駆使し、独自に CSS を加えることで、近しい形にすることは可能かと思いますが、実現されたい内容や譲れないポイントなどで実現方法を選択してみてはいかがでしょうか。参考になれば幸いです。

♥ 1

いいねをした人:

[mana]

ご回答いただきありがとうございます。
水玉は画像である旨理解いたしました。

下記内容について、詳しくご教示いただきたいのですが、具体的にはどのようなことを行えばよいのでしょうか、、、

ーーーーーーーーーーーーーーーーーー
ですので、セクションブロックやグループブロック、スライダー関連のブロックを駆使し、独自に CSS を加えることで、近しい形にすることは可能かと思いますが、実現されたい内容や譲れないポイントなどで実現方法を選択してみてはいかがでしょうか。参考になれば幸いです。

♥ 0

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

[山崎 大祐]

こんにちは！

manaさんはcssを変更して、カスタマイズしたことはございますでしょうか。

参考サイトChromeのデベロッパーツールでみるとコードを検証することができます。
（画像を参考にしてください。）

デベロッパーツールの詳しい説明は検索すると沢山みつかると思います。
参考にこちらをご案内します。

そして、自分のサイトで参考のCSSを元に、再現ができるか試します。
ダッシュボード　⇒　外観　⇒　カスタマイズ　⇒　追加CSSにコードを貼り付ける。

♥ 0

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

[投稿者]

投稿