うなこ
フォーラムへの返信
-
投稿
-
>トップスライドショーの画像の高さを600pxから450pxに変更したい。
質問があります。
このトップスライドショーは【カスタマイズ】→【Lightning トップページスライドショー】の機能であっていますか？
（VK Blocks Proのスライダーブロックの可能性もありますので、聞いてみた次第です。）画像の高さを450pxに揃えても、150pxの余白ができてしまいます。
ちょっとどのような状況なのかの詳細がわかりませんので、
実際にサイトを見てみると、適切な回答が得られる可能性が高いです。
差し支えなければサイトのURLや画像のキャプチャを貼ることはできますか？フッター背景画像の機能では、ちょっと細かい調整ができませんので、今のウィジェットに画像を入れた状態でCSSで調整するのはいかがでしょうか。
追加CSSなどに以下のCSSを貼り付けてみてください。
いかがでしょうか<!-- フッター上の画像調整 --> .site-body-bottom .container{ max-width:100%; padding:0; } .site-body-bottom .container .widget .wp-block-image{ margin-bottom:0; } .site-body-bottom .container .widget .wp-block-image img { width: 100vw; } .site-footer{ border-top:none; }【追記】
「見出し」の電話の問い合わせはありますが、メールの問い合わせは無いのでしょうか？
メールのお問合せボタンのみ欲しいということですね。
でしたら、ExUnitのお問い合わせブロックではなく、VKボタンブロックの方が合っているかもしれません。
もう少し具体的な例など見せていただけますと、適切な回答が得られるかもしれません。
ExUnitのお問い合わせブロックのことでしょうか。
もしそうでしたら、ダッシュボード→ExUnit→メイン設定の「連絡先情報」の「電話アイコン」から変更できます。(添付画像)▼FontAwesomeアイコンについて
fontawesomeのバージョン6にはまだ対応していませんので、バージョン5のアイコンから選んでください。
https://fontawesome.com/v5/search?m=freeLightning Video Unit は無効化されていますか？
Lightning Video Unitが有効化されていると、VK Video Block Pro で不具合がでますので、一度ご確認いただけますでしょうか。それでも表示されない場合は、また教えてください。
確認できました。cssが不足していたようです、、すみません。
いかがでしょうか。追加したCSS
/* モバイルナビの表示非表示*/ @media (min-width: 992px){ body.device-pc .vk-mobile-nav { display: block; } } @media (min-width: 1200px){ body.device-pc .vk-mobile-nav { display: none; } }完成版はこちらです
/* ハンバーガーメニュー表示 */ @media (max-width:1199.98px){ .vk-mobile-nav-menu-btn { display: block !important; } } /* グローバルナビ非表示 */ @media (max-width:1199.98px){ .l-site-header_global-menu { display: none; } } /* モバイルナビの表示非表示*/ @media (min-width: 992px){ body.device-pc .vk-mobile-nav { display: block; } } @media (min-width: 1200px){ body.device-pc .vk-mobile-nav { display: none; } }TAKAさま
一点質問してもいいでしょうか。
以下のデモサイトのvideo blockは再生されますか？
（トップページのコンテンツ一番下にvk video block で動画が配置されております。）あと、もし差し支えなければ、不具合の出る該当サイトのURLを添付していただくことは可能でしょうか。
といいますのも、私の環境
Chromeバージョン: 98.0.4758.80
VK Video Block Pro 0.0.8
で正常に再生されるようでした。ロゴの周りの左右に余白が入っておりますので、余白を0にしたcssをかきました。
カスタマイズ→追加CSS、もしくは子テーマでしたら子テーマのstyle.css などに追記してください。/* PCサイズのロゴの余白を無し*/ @media screen and (min-width: 1200px){ .p-site-header-brand { padding: 0; } .p-site-header-brand_logo { padding: 0.5em 0; } }添付いただきました該当URLのサイトを確認したところ、サイトを見ることができませんでした。
「このサイトにアクセスできません DNS_PROBE_FINISHED_NXDOMAIN」 と出ます
猫ねっこさまの環境ではいかがでしょうか。（ドメイン名でwhois検索したところ、Domain Status: redemptionPeriodとなっておりました。一度ご確認いただけますでしょうか）
ーーー
【追記補足01】
といいますのも、私の環境では同じバージョンで確認したのですが症状が確認できませんでした。
（代替え画像のVideo Unitの背景画像が出た後、動画が流れました。）
症状の出るサイトを確認できると解決が早いかもしれません。ーーー
【追記補足02】
本件と関係あるのかはわかりませんが、私の環境でエラーがでていたのでそれも関係あるのかもしれません。少々お待ちください。
國弘浩司さま
こんばんは。
本スレッドが解決済みとなっておりますので、できましたら別でスレッドをたてていただけますと、他のユーザーの方の目にもとまりやすくなり、解決が早いかもしれません。と言いますのも、本スレッドとはちょっと意図が違う気がしております。
できれば両サイド余白を2pxくらいにしたいのですが…。ご教授宜しくお願い致します。
もし差し支えなければ症状の出ているサイトのURLを添付していただくことは可能でしょうか？といいますのもわたしの環境では同様の症状が確認できませんでしたので、実際のページを確認させて戴けますと解決が早いかもしれません。
追記
石川さんと被ってしまいました！
石川さんのおっしゃる症状のようです。
