- このトピックには11件の返信、2人の参加者があり、最後に
により3年、 9ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】13.0.0
【お使いの Snow Monkey Blocks のバージョン】10.2.1
【お使いの Snow Monkey Editor のバージョン】4.0.1
【お使いのブラウザ】GoogleChrome FireFox
【当該サイトのURL】
ドメイン移管前でhosts書きかえる必要がありスクショを添付させていただきます。### 実現したいこと
SNOW MONKEY BLOCKS スライダーのキャプションを画像内ではなく、画像の下に入れたいです。### 発生している問題
スライダー画像内下部にキャプションが表示### 試したこと
の記事ではデフォルトで画像の下にテキストが入るようなのですが、私の環境でスライダーを設置しキャプションを表示させたところ
画像内にキャプションが表示されてしまい.smb-spider-slider__itemのpositionやleft、right、bottomを消すなどCSSで調整を行ってみたのですが、画像下にテキストを入れることができずお力添えいただけますと幸いです。
いいねをした人: 居ませんあ、すみません、その記事のスライダーブロックは、古い非推奨のスライダーブロックについての記事でした。
下記の CSS を追加するとどうでしょうか？
.smb-spider-slider .spider__slide .smb-spider-slider__item { position: static; padding-right: 0; padding-left: 0; padding-bottom: 0; }いいねをした人: 居ませんご回答をいただきありがとうございます！
ご教示いただいたCSSを追加したのですが、キャプション自体が消えてしまいました。。
※CSSは初期の状態からご教示いただいたCSS以外は何も追加をしていない状態です。いいねをした人: 居ませんあれ…。実際のページを見れると早いのですが、見せられないということなので、キャプションがなぜ消えてしまっている（みえなくなってしまっている）のかが調べられるようにデベロッパーツールでキャプション部分にフォーカスしてスクショしてもらうことは可能でしょうか？フォーカスすると当たっている CSS も表示されると思うので、その部分もスクショに含まれていると助かります！
いいねをした人: 居ませんこちらになります！
念の為、hosts情報も記載させていただきます。(お手数おかけし申し訳ございません。。)
■hosts
183.90.238.31 toeibill.com
183.90.238.31 www.toeibill.com該当ページURL：http://toeibill.com/tw/tena/
いいねをした人: 居ませんあーわかりました。アスペクト比を設定するとそうなっちゃうみたいです。ちょっと現状のスライダーの HTML 構造だとどうしようもできないようなので、どうしても画像の外に出したい場合はアスペクト比の設定を外すしかなさそうです。
今後のアップデートでもうちょっと自由度を高める HTML 構成にできないか検討してみます。いいねをした人: 居ません
- トピック「スライダーのキャプションを画像内ではなく、画像の下に入れたいです。」には新しい返信をつけることはできません。