うなこ
フォーラムへの返信
-
投稿
-
DRILL LANCERさん
ご調査ありがとうございます！
> 画像を中央揃え等に指定しなければはみ出しませんが、中央揃え等に指定した途端にレイアウト崩れが発生します。
→中央揃えに指定したところ、はみ出すのが確認できました。>VK Blocks Pro の カードブロック や Ghost Kit のグリッドブロック は Bootstrap をベースとしていて、なおかつ、コアのカラムブロックに依存していないため私の環境では正常に表示されました。
→私の環境でも正常に表示されました。DRILL LANCERさんのおっしゃる通りで、
VK Blocks Pro の カードブロック や Ghost Kit のグリッドブロックなどをご利用いただくことをお勧めいたします。tatsuyaさん キャプチャ確認しました。
私の環境のIE11で見る限りでは、やはり画像ははみ出しませんでした…。(´ε｀；)ｳｰﾝ…DRILL LANCERさんのおっしゃる通り、
VK Blocks Pro のカードブロックを代用してみるのはいかがでしょうか。
（※IE11はサポート対象外でありますので、一度表示などご確認ください）カラムブロックを使用して、その中に画像を設置した場合にIE11ではみ出るということでしょうか？
わたしの環境のIE11で見る限りでははみ出ないのですが、もし差し支えなければ該当のURLか画面キャプチャを貼っていただけますか？!important つけても変更できなかったとのことですね
現状Qの文字は赤色のままということですよねキャッシュを削除しても変わらないでしょうか？
もし変わらないようであれば、
CSSはどこに記述されましたか？カスタマイズの追加CSSでしょうか？
あと、VK Blocks の質問と回答（QA）ブロックを利用しているという解釈でよろしいでしょうか？
現状の画像からですと、
以下のCSSを追加すればQの文字が白になり、Aの文字がキーカラーの赤色系になります。
（.vk_faq_content:before の方がAの文字になります。）.vk_faq_title:before { color: #ffffff; } .vk_faq_content:before { color: #ca2d67; }わたしの環境ではボタンが消える現象は再現できませんでした。
LightningPro 3.2.2
VK Blocks Pro 0.22.3WithさんのLightningProのバージョンはいくつでしょうか？
（VK Blocks Proのバージョンしか記載がなかったため）ページにはそれぞれ投稿ID（postID）がついているので、表示させたくない投稿ID（postID）をcssの最初に指定すれば可能です。
投稿IDの調べ方はこちらの記事に書いてあります。
https://webkaru.net/wordpress/post-category-id/もしくは、ブラウザの検証ツールからも確認できます。
bodyタグの中にpostid-○○と数字が付いていますので、そちらが記事IDとなります。
例えば…デモサイトの詳細ページのベクトルの制作実績を削除したいのであれば以下のように書きます。
.postid-689 .worksData {
display:none;
}たしか、サイトを引っ越しした際は投稿IDが変わる場合もあったと思われますので、その点だけ覚えていてもらえれば上記の方法で大丈夫だと思います。
表示したいFacebook Pageは公開はされていますか？
あと差し支えなければ、
Facebook Page URLに他のFacebookページURLを入力した場合は表示されますか？
例えば、以下のベクトルのURLを入れてみて下さい。
https://www.facebook.com/VektorIncわたしの環境ではハンバーガーメニュー部分の画像は見えております。
・iPhone8 safariで閲覧kanekoさんのiPhone6で以下のデモサイトを閲覧したときは
ハンバーガーメニューの画像はでますか？
デモサイトもしかするとブラウザのキャッシュが残っているのかもしれません。
▼iPhoneのキャッシュ削除の手順
- 「設定」をタップ。
- 「safari」をタップ。
- 下にある「詳細」をタップ。
- 「webサイトデータ」をタップ。
- 下にある「全webサイトデータを削除」をタップ
いかがでしょうか。
下のスライド切り替えボタンの重なりの順序が上になっているため
横のボタンと重なっていてリンクが押せなくなっているようでした。応急の対処法としては、追加cssなどに以下を追加したら押せるようにはなります。
@media (max-width: 767px){ .carousel-indicators { bottom: -10px;} }不具合になりますのでバージョンアップを待ってもいいと思います。
