/ 最終更新日 : 2020年11月25日 suzukiakiyo [ 解決済 ] トップページスライドショーのボタンのcssについて VWSとは › フォーラム › VK Blocks・Pro › [ 解決済 ] トップページスライドショーのボタンのcssについて [ 解決済 ] トップページスライドショーのボタンのcssについて このトピックには10件の返信、2人の参加者があり、最後にsuzukiakiyoにより1年、 7ヶ月前に更新されました。 11件の投稿を表示中 - 1 - 11件目 (全11件中) 投稿者 投稿 2020年11月25日 4:08 PM #44942 suzukiakiyo参加者 ■ 利用テーマとバージョン : lightningpro 8.1.0 ■ 質問内容: .slide-text-set .container .btn こちらのボタンを、位置中央で設定しています。 cssでmargin-bottom:-480pxのあたりにボタンを配置して、プレビューで見るといい感じに配置されています。 しかしモバイル版でみるとボタンが見えなくなっています。 どのように設定したらよいのでしょうか? そもそもmargin-bottom:-480pxという書き方も合っているのか不安なので、併せて教えていただければ幸いです。 2020年11月25日 4:22 PM #44944 うなこモデレーター スライドショーのタイトルとキャプションが入っていない状態でしょうか? キャプチャ画像があると正確にお伝えできるかなと思います。 2020年11月25日 4:36 PM #44946 suzukiakiyo参加者 添付ファイルのような状態です。 スライドショーのタイトルとキャプションは入っておらず、画像のみです。 よろしくお願いします。 Attachments:You must be logged in to view attached files. 2020年11月25日 5:47 PM #44949 うなこモデレーター 以下のcssでどうでしょうか? bottom:10px;はお好きな数字にしてみてください .slide-text-set{ top:unset; bottom:10px; } 2020年11月25日 8:02 PM #44950 suzukiakiyo参加者 ありがとうございます。 pc上はいい感じになりました。 スマホだと若干ボタンが上に位置してきてしまうのですが、これはどうにかなりますか? 2020年11月26日 10:55 AM #44966 ベストアンサー うなこモデレーター スマホサイズ用に別で追加します。 ○○の中はお好きな数値に変えてください。いかがでしょうか /* 576pxまでの幅の場合に適応される */ @media screen and (max-width: 576px){ .slide-text-set{ bottom:○○px; } } 2020年11月26日 12:36 PM #44975 suzukiakiyo参加者 ありがとうございます。 cssを設定してみました。 レスポンシブで確認すると若干ボタンが上にあがってくるような感じになります。 例えば、bottom:5px; で固定するといったようなことが必要になってくるのでしょうか? 2020年11月26日 5:22 PM #45071 うなこモデレーター 例えば、bottom:5px; で固定するといったようなことが必要になってくるのでしょうか? 実際の画像が設置してあるサイトを見てみないとわかりませんが、 スマホサイズでボタン位置を変えたいということであれば、先ほど追記したスマホサイズのメディアクエリを追加で書いていただく必要があります。 2020年11月27日 10:02 AM #45086 suzukiakiyo参加者 スマホ上でボタンの位置は変えたくはありません。 ただPC上で画面を縮めた時に、ボタンの位置が上に動いたような感じになったので聞いてみました。 位置を動かしたくないので、教えていただいたcssのままで良いですよね。 2020年11月27日 10:25 AM #45088 うなこモデレーター 添付画像を確認しますと、上に画像で文字などが記載されているようでしたので、 スマホサイズでボタンの位置がおかしくなければ、そのままでいいかなと思います。 2020年11月27日 1:19 PM #45096 suzukiakiyo参加者 かしこまりました。 ありがとうございます。 投稿者 投稿 11件の投稿を表示中 - 1 - 11件目 (全11件中) このトピックに返信するにはログインが必要です。 ログイン ユーザー名: パスワード: ログイン状態を保持 ログイン