うなこ
フォーラムへの返信
-
投稿
-
私の環境ではスクロール中のヘッダーカラーは正常通り色がついております。
Lightning Header Color Manager バージョン 0.2.2
Lightning Proバージョン: 4.0.5
デザインスキン：OriginⅡブラウザのキャッシュを削除しても変わらないでしょうか
あと、デザインスキンは何を使用していますか？Android Chromeでの同じ環境でこちらのデモサイトを見ても、スマホメニューの下矢印マークは表示されませんか？
調べてみましたが、実際のレイアウトの表示を見比べる機能はなさそうです…
左右のレイアウトを見比べて、赤色にハイライトされている削除部分と緑色にハイライトされている追加部分を見比べて復元するしかなさそうでした。。
▼WordPressのリビジョン機能の使い方
メディアと文章ブロックで作成されているんですね。
でしたら、添付画像のようにデフォルトだと「幅広」の配置になるようですので、
一度「幅広」のアイコンをクリックして画像のようなアイコンにすれば、コンテンツ内に収まるはずです。もしくはVk Blocksのプラグインをご利用でしたら「PR Contentブロック」でも似たようなレイアウトが可能です。
添付画像を拝見しました。
私の環境のLightningPro4.03では、画像と文章の組み合わせ、グループの中に画像と文章の組み合わせで正常に表示されております。URLからサイトを確認いたしまして、現在表示が崩れているページはございますか？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が変わる場合もあったと思われますので、その点だけ覚えていてもらえれば上記の方法で大丈夫だと思います。
