- このトピックには8件の返信、2人の参加者があり、最後に
により3年、 9ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】13.0.0
【お使いの Snow Monkey Blocks のバージョン】8.8.3
【お使いの Snow Monkey Editor のバージョン】
【お使いのブラウザ】Chrome
【URL】https://maimadeleine.xsrv.jp/### 実現したいこと
実際にこちらのテーマを使用して納品をする手前ですので、デザインの詰めを行っています。
一部、表示を直したいのですがCSSのどちらに指定してカスタマイズすればよいか確認をしたく投稿しました。### 発生している問題
・トップページのスライダー部ですが、Snow Monkyのブロックを使用しています。
こちらの画像の上に共通のテキストをのせる方法はあるのでしょうか？よろしくお願いいたします。
いいねをした人: 居ませんサポートフォーラムは同じ問題に遭遇した人がトピックを検索し自己解決できるようにするという目的もあります。そのため、1トピック1課題で投稿をお願いします。サポートフォーラムは個別の対応にためだけに提供ているわけではなく、多くのユーザーさまのための集合知として提供しておりますので、大変お手数おかけいたしますがご理解くださいませ。
※本トピックは
・トップページのスライダー部ですが、Snow Monkyのブロックを使用しています。
こちらの画像の上に共通のテキストをのせる方法はあるのでしょうか？の課題に対するトピックとして進めたいと思います。
下記は別にトピックをたててください。
・下層ページのそれぞれのキービジュアルとトップに不適切な余白が入ってしまう。
「お知らせ」という投稿ページに関しては、ヘッダー領域に食い込んでいて、パンくずリストも上部にあるので、改善したいです。
ちなみに、下層のキービジュアルはカバーというものを使用しています。いいねをした人: 居ませんスライダーブロックには、各スライドにキャプション（一行のテキスト）を入れる機能があるので、キャプションを入れて CSS で見た目を調整するというの方法はとれると思います。ただ、キャプションはシンプルな一行のテキストなのでマークアップしたり複数行の入力が必要な場合はできません。
いいねをした人: 居ませんキタジマ 様
お世話になっております。
最初は非推奨のスライダー方で制作していましたので、キャプション入力をして行けたのですが、
新しい方に変えたらキャプションの入力箇所が見当たらないですが、どこへ行ったのでしょうか？すいません、初歩的な質問で・・・
いいねをした人: 居ませんスライダーブロックに挿入する画像を選択した後の下記の画面で、それぞれの画像にキャプションを設定できます。
そのあと、ブロックのインスペクター（設定パネル）でキャプション表示を有効化してください。
いいねをした人: 居ませんキタジマ 様
ありがとうございます！
無事にキャプションは表示されて、テキストの装飾をCSSで変えられました。
あと、例えばCSSで中央に配置したい場合はpositionで、どのようなコードが適していますでしょうか？
非推奨の方は、入力だけで好みの位置に表示されていたのですが、新スライダーではCSSでしか調整できないのでしょうか？いいねをした人: 居ませんいろいろなやり方があると思いますが、一般的なのはこんな感じでしょうか。
.smb-spider-slider .spider__slide .smb-spider-slider__item { top: 50%; left: 50%; bottom: auto; right: auto; transform: translate(-50%, -50%); }非推奨の方は、入力だけで好みの位置に表示されていたのですが、新スライダーではCSSでしか調整できないのでしょうか？
あれ？非推奨の方はデフォルト位置は中央ですが、位置の変更は CSS でしかできないのではなかったですかね？
いいねをした人: 居ません
- トピック「スライダーへの任意のテキストの配置」には新しい返信をつけることはできません。