うなこ
フォーラムへの返信
-
投稿者投稿
-
うなこモデレーター
うなこモデレーターサイトを確認したところ、私のブラウザでは以下の追加CSSは効いているようにみえましたが、
現在も効いていない状態でしょうか?<style type="text/css" id="wp-custom-css"> h2 { border-width: 1px; border-style:solid; border-color: #ff0000; } </style>
Attachments:
You must be logged in to view attached files.
うなこモデレーター参考にしてくださったこちらのスレッドは、テーマがLightning Pro(旧製品のPRO版テーマ)ですので、
Lightningの場合はクラス名が違ってきます。おそらく以下のように変わっていると思います。
.slide-text-set
→.ltg-slide-text-set
.slide-text-title
→.ltg-slide-text-title
.slide-text-caption
→.ltg-slide-text-caption
CSSのカスタマイズにつきましては、こちらを見るとわかりやすいかと思います。
石川さんのおっしゃるとおり、細かい調整はVK Blocks Proのスライダーブロックがおすすめです!!
うなこモデレーターCSSのカスタマイズはこちらの記事がわかりやすいです。
色を変える場合はこんな感じになると思います(未検証です)
.vk_accordion-trigger .vk_accordion-toggle-close::after, .vk_accordion-trigger .vk_accordion-toggle-open::after { border-right: 1px solid #fff; border-top: 1px solid #fff; }
うなこモデレーター= 1.37.0 = / 2022.06.07
[ 仕様変更 ][ Outer(Pro) ] 全幅の指定を右側の 設定サイドバー から行うのではなく、ツールバーからの指定に変更ツールバーからの指定に変更になっております。
Attachments:
You must be logged in to view attached files.
うなこモデレーター解決したとのことで安心いたしました。
当方が構築していたサイトの何らかの記述が影響してVK Filter Search Pro の動作へ影響していることが予想されましたので、切り分けを行っていったところ、Functions.phpのカスタマイズ投稿タイプを制御する一文を削除することで事象が発生しなくなりました。
なるほど、そのような影響もあるのですね。
もし差し支えなければ、どのようなプログラムの一文を削除されたか教えていただけますと、今後同じ症状が発生した時の参考になるかもしれません。ご報告ありがとうございました!
うなこモデレーター上記のサイトでは、VK All in One Expansion Unitのプラグインを入れるとなっていますが、
今回は購入した、以下のプラグインを入れればよろしいのでしょうか。
lightning-g3-pro-unit.zip【lightning-g3-pro-unit.zipプラグインについて】
lightning-g3-pro-unitは無料版LightningテーマのPro用機能を拡張するプラグインになります。
こちらもプラグインにインストールしてください。【VK All in One Expansion Unitプラグイン】
VK All in One Expansion Unitは、ウェブサイトに必要なさまざまな機能が搭載されているプラグインになります。
※BizVektorには標準でカスタム投稿タイプの「お知らせ」機能がついておりますが、
Lightningテーマでは、カスタム投稿タイプが標準でついておりませんので、表示するには自分で追加する必要があります。
そのためにインストールします。今あるサイトをコピーして別ドメインでテストサイトを作って、そこでまず試してみたいと思っていますがもし先に手順など分かればありがたいです。
あとはvk-blocks-proプラグインもページ制作する際にとても便利ですのでインストールしてみてください。
テーマ変更は以下を参考に進めていただければ、大丈夫かなとは思いますが、
つまづく場面などありましたら、またフォーラムでご質問ください。【BizVektorからLightningへテーマを変更するときにやる作業】
うなこモデレーターまさしくLPでComing Soonページ(仮)を作っててこのような現象になっていまってるところです
なるほど、私が勘違いしておりました。
わたしが勘違いしているかもしれませんので、もう一度問題をお聞きしてもいいでしょうか。
最初に送っていただいた画像(添付画像1枚目参照)がOuterブロックとフッターの間に余白があるように見えましたので、【外観】→【ウィジェット】→【フッター上部】ウィジェットに何か入っているのではないかなと思いました。現在はOuterブロックのみが配置されておりますが、
このOuterブロックの背景画像をブラウザの画面いっぱいに表示したいということでしょうか?(添付画像2枚目参照)—-
もしそうであれば、Outerブロックはセクションの背景などに使用するようなブロックになりますので、
画面いっぱいに伸ばすなら追加CSSなどでカスタマイズします。やり方ですが、以下の手順でいかがでしょうか。
【01】Outerブロックを選択して、ブロックの設定画面の下の方にある「高度な設定」→「追加 CSS クラス」に
height-full
というクラス名を追加する。【02】外観→追加CSSに以下のCSSを追加
.wp-block-vk-blocks-outer.vk_outer.height-full{ height:100vh; }
背景画像が画面下全体まで伸びると思います。
もし意図する回答でない場合はお知らせください
- この返信は2年、 4ヶ月前にうなこが編集しました。
- この返信は2年、 4ヶ月前にうなこが編集しました。
- この返信は2年、 4ヶ月前にうなこが編集しました。
- この返信は2年、 4ヶ月前にうなこが編集しました。
- この返信は2年、 4ヶ月前にうなこが編集しました。
Attachments:
You must be logged in to view attached files.
うなこモデレーターご返信ありがとうございます。
Coming Soonぺーじになっているようで、実際のページが確認できませんでした。
差し支えなければ実際のページを見れるようにしていただくと解決が早いかもしれません。デペロッパーも確認しましたがもあらずです💦
Outerブロックに共通余白がついているかもしれません、一度ご確認いただけますか?
- この返信は2年、 4ヶ月前にうなこが編集しました。
うなこモデレーター【外観】→【ウィジェット】→【フッター上部】 に何かブロック(スペーサーブロックやレスポンシブスペーサーブロック)が入っていませんか?
うなこモデレーター私の環境では症状が確認できませんでしたので、もし差し支えなければ症状が出ているサイトのURLを添付していただくことは可能でしょうか。
うなこモデレーターサイトを確認しましたところ、セクションベースありの設定になっているのでサイドバーの背景色が本来は白ですが、カスタマイズ→追加CSSから、サイドバーの背景色をサイトの背景色と同じ薄い灰色にしているので、サイドバーが下に落ちているように見えているようでした。
サイドバーの内側に余白がついていますので、余白の上を0にするようなcssを追加すると良いのではないかなと思います。
追加CSSに以下を追加してみてください。どうでしょうか?@media (min-width: 992px){ .sub-section--base--on{ padding-top:0; } }
うなこモデレーターおそらくJINテーマで読み込んでいるswiperのjsやCSSが原因ではないかなと思いました。
JINのテーマ自体にswiperのjsやCSSのオン・オフ機能があるのかがわからないのですが、こんな記事を見つけました
(無駄なcss、jsの読み込みを削除する の箇所)私はJINテーマをもっていなくて検証はできないのですが、、、参考になりますでしょうか
- この返信は2年、 5ヶ月前にうなこが編集しました。
うなこモデレーターご連絡ありがとうございます。
テーマは何をご利用でしょうか?
うなこモデレーター一点確認していただきたいことがあります。
このデモサイトの「賃貸マンションこだわり検索」の「登録日」の項目も、スマホではカレンダーが表示されない状態でしょうか? -
投稿者投稿