うなこ
フォーラムへの返信
-
投稿
-
ウィジェットのモバイルナビの中の「VK お問い合わせセクション」の背景色とボーダー色の変更は以下のCSSでいかがでしょうか？
〇〇内はお好きなカラーコードを入れてください。もし質問の意図と違っておりましたら教えてください。
/* モバイルナビのVKお問合せセクションウィジェット */ /* ボーダーの色 */ .vk-mobile-nav .veu_contact.veu_card{ border-color:#〇〇; } /* 背景色 */ .vk-mobile-nav .veu_contact .contact_frame{ background:#〇〇; }確認しましたところ、
.vk_post_imgOuterのdivの背景に背景画像を設定していますので、もうひとつ外側に画像を囲うdivタグが必要な気がします。（この外側のdivにoverflow: hidden;を指定してはみ出した部分を非表示にするかたち）ちょっと考えてみます。
確認しましたところ、WordPress側の見出しの余白が優先されているようでした。
プラグイン側で調整できるのかを確認させていただきます。
https://github.com/vektor-inc/vk-blocks-pro/issues/1179いったんは、こちらのCSSをカスタマイズ→追加CSSなどにかいていただけますと、灰色塗り背景と同じ余白になると思います。
/* 背景塗り 灰色 背景色の余白調整 */ .is-style-vk-heading-background_fill_lightgray.has-background{ padding: 0.6em 0.7em 0.5em; }サイトのトップページにランディングページを設置すべく
新規固定ページを作成し「ホームページ設定」から当該固定ページを設定すると
ウィジェットからしかコンテンツが追加できず、前幅の画像など自由に設置できない状況です。画面を添付いただいた方が状況が把握しやすいかもしれません。
ホームページに設定した固定ページを、管理画面の「固定ページ」から編集ボタンを押すと、
ブロックが設置できそうでしょうか。ところで、「追加 CSS クラス」に追加できる、今回の様な「クラス名の一覧等」はどこかに有りますでしょうか？
機能として追加する方向のため、クラス名の一覧はありませんが、
機能追加の目処がたっておりませんので、クラス名一覧ページを準備するのかを検討中の段階でございます。VK Block Patternsをインストールして有効化しますと、
vk-cols--reverseというクラス名が使えるようになります。カラムブロックを選択して、ブロック設定の「高度な設定」の「追加 CSS クラス」に
vk-cols--reverseを追加してください。
このパターンが参考になると思います。２個目の「旬の素材」はスマホサイズで逆になっています。返信ありがとうございます。
CSSは以下でいかがでしょうか
〇〇の部分は現在62%となっておりますので、この数字を大きくして調整していただければ、隠れている画像の部分が表示されるかなと思います。
/* 投稿リストの画像 */ .vk_post .vk_post_imgOuter:before { padding-top: 〇〇%; }画像のサイズを固定にすれば良いのか、CSSで解決できるのか。
アイキャッチ画像の縦横比率がそれぞれちがう画像を入れていて、ぴったり表示したいということであっていますか。
そうだとすると、画像のサイズを固定にするのがいいかなと思います。画像のサイズを固定にしていただき、cssで調整する形でいかがでしょうか。
もし質問の意図と違っておりましたら教えてください。
