スライダーブロック設定方法
スライダーブロック設定方法
- このトピックには4件の返信、2人の参加者があり、最後に
により1時間、 52分前に更新されました。
-
投稿
-
■ WordPress のバージョン
WordPress 6.8.1■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
15.29.9■ Pro Unit のバージョン
1.105.1.1■ スキンの種類
Origin III■ 期待する動作
デモサイト https://demo.dev3.biz/architect/ のデザインを使用させていただいています。
このデザインのスライダー部分を デモサイト https://demo.dev3.biz/lightning-pro/ のように、スライダーの高さを可変タイプに変更したいのですが、設定で可能でしょうか。■ 自分で試した事
スライダーブロックの高さ設定で vw vh 等を自分なりに設定してみましたが、文字の位置が定まらず、うまくいきません。■ 症状が発生するブラウザ
Chrome、エッジ、■ 実際の症状
不具合ではなく、動作変更希望です。たぶん、こういうことなのかなと…
見出しの前後のレスポンシブスペーサーを削除すれば
文字の位置が上下方向の中央に配置されます。そして、高さの単位を vw にすれば調整しやすくなって
ご希望に近い動作になると思います。対馬 様
この度もお世話になります。
レスポンシブスペーサーを削除し、文字位置中央となりましたが、
希望はデモサイト https://demo.dev3.biz/architect/ のように文字を左下側に配置し、
デモサイト https://demo.dev3.biz/lightning-pro/ のように、画面幅が狭くなると文字サイズも少しづつ小さくなるようにしたいのです。上記を実現するためにはCSSを細かく設定するしかないのでしょうか？
> デモサイト https://demo.dev3.biz/architect/ のように文字を左下側に配置し、
こっちは、スライダーアイテムを下揃えにして、
見出しの下にレスポンシブスペーサーを入れればできそうです。> 画面幅が狭くなると文字サイズも少しづつ小さくなるようにしたいのです。
こっちは、CSS を書く必要がありますので、
デモサイトをデベロッパーツールで調べてみてください。対馬 様
ありがとうございます。
色々やってみます。
- このトピックに返信するにはログインが必要です。
