DRILL LANCER
フォーラムへの返信
-
投稿者投稿
-
DRILL LANCERモデレーター下記 CSS をベースにすれば変更可能と思われます。
周囲の padding や margin は考慮していないのでそのあたりは調整してみてください。@media (min-width: 992px) { .mainSection-col-one { width: 980px; } } @media (min-width: 1200px) { .mainSection-col-one { width: 980px; } }
DRILL LANCERモデレーター現状の設定では下記のようになっています。
下記をベースとした CSS を改変したものを下記のいずれかに設置してみてください。- 子テーマの style.css
- 外観 > カスタマイズ > 追加CSS
- ExUnit > CSSカスタマイズ
/* スライドのタイトル */ .slide-text-title { font-size: 2.5vw; } /* スライドの説明文 */ .slide-text-caption { font-size: 10px; } /* スライドのボタン */ .slide .btn-ghost { font-size: 1.7vw; } @media (min-width: 576px) { /* スライドの説明文 */ .slide-text-caption { font-size: 12px; } } @media (min-width: 768px) { /* スライドのタイトル */ .slide-text-title { font-size: 2.5vw; } } @media (min-width: 992px) { /* スライドの説明文 */ .slide-text-caption { font-size: 1.3vw; } /* スライドのボタン */ .slide .btn-ghost { font-size: 1.3vw; } }
DRILL LANCERモデレーター直接 スキンの CSS ファイルや共通 CSS ファイル (/assets/css/common.css)、Bootstrap の CSS を編集するより無いと思います。
現在開発者の方が必死に CSS (SASS) の構造変更を行っている最中です。それが済んだ後に Fort ベースの独自スキンを作ると良いでしょう。
SASS ではブレイクポイントに変数を使っているようで、_variable.scss ファイルでそれらは変更可能です。
独自スキンについては下記が参考になると思います。P.S.
1カラムの幅についてはそのうち修正が入るとか入らないとか Slack で書かれていたような気がします。※私はあくまでも外部の一般人に過ぎませんのでこのような回答になりました。
DRILL LANCERモデレーター現状だと文字色の表示優先度順位は下記のようになっています。
- 見出し > 色設定 > 文字色 > カスタムカラー
- 見出し > スタイル
- 見出し > 色設定 > 文字色
なので、最初からカスタムカラーによる文字色指定を選択すれば手間をかけずに済むと思います。
P.S.
装飾なしについては仕様のようです。以下は Slack からの引用です。石川栄和 5日前
@RICK さん.is-style-vk-heading-plain 等の CSS 指定に弱体化したということですか?
いえ、弱体化したわけではなく、追加しただけです。
現状では .is-style-vk-heading-plain 等が強すぎて文字色の変更が効かないようです。
指定が強いのは仕様です。でないと「”装飾なし”なのに装飾が一部残る不具合がある」と言われてしまうので…
DRILL LANCERモデレーター他のテーマやプラグインの更新通知は来ますか?
ならば下記を試して見てください。- ライセンスキーの期限は1年なので有効期限のあるライセンスキーが入力されているか確認してみる
そうでない場合はサーバー側の設定に問題がありそうな気がします。( cron 関連とか )
DRILL LANCERモデレーター同じプラグインを2つ導入するのは不可能です。
ディレクトリ名やファイル名や関数名を変更するで可能ですが高度な知識が必要となります。「お客様の声」については下記を参照すると良いと思います。
DRILL LANCERモデレーターちなみに Master Slide rは、ウィジェットよりカスタム HTML でトップページコンテンツエリア上部に入れております。
下記コードを編集後下記のいずれかに設置してください。
- 子テーマの style.css
- 外観 > カスタマイズ > 追加CSS
- ExUnit > CSSカスタマイズ
.siteContent { padding: 1em 0 1.5em; } @media (min-width: 768px) { .siteContent { padding: 3.5em 0 3.5em; } }
DRILL LANCERモデレーター下記をベースに変更することで可能です。
高さ基準なので横幅基準で行いたい場合はロゴの縦横比から適切な高さを割り出して見てください。/* モバイルのロゴの大きさ */ .navbar-brand img { max-height: 40px; } /* PC のロゴの大きさ */ @media (min-width: 992px) { .navbar-brand img { max-height: 50px; } }
P.S.
どこかに width があるかと錯覚していました。高さのみで問題なかったですね。- この返信は4年、 11ヶ月前にDRILL LANCERが編集しました。
DRILL LANCERモデレーターおそらくこれで解消可能と思われます。
.siteFooter .footerMenu { border-bottom: none; }
P.S.
フッターメニューには下記を記載するのに使いそうな感じですが使わないのですか?- 特定商取引法に基づく表記
- プライバシーポリシー
上記をカスタマイズする前に確認しておいたほうが良いかもしれません。
DRILL LANCERモデレーターどこをどうカスタマイズしたのかがわからないため答えようがありません。
子テーマの header.php を削除したりリネームしたりすれば解決すると思います。もしくは、カスタマイズを施した箇所を記憶している場合、下記を実行したほうが早いかもしれません。
- 子テーマの header.php を header.php.old にリネーム
- 親テーマの header.php を子テーマにコピー
- 子テーマ の header.php.old と header.php を比較しながら header.php を編集
DRILL LANCERモデレーター少しだけ見えている画像が LP の最初の画像と仮定すれば下記コードを編集することで対処可能です。
.siteContent .mainSection, .siteContent .subSection { padding: 30px 15px 10px; } @media (min-width: 768px) { .siteContent .mainSection, .siteContent .subSection { padding: 30px 20px 10px; } } @media (min-width: 992px) { .siteContent .mainSection { padding: 30px 30px 10px; } } @media (min-width: 1200px) { .siteContent .mainSection { padding: 40px 40px 20px; } }
padding には書き方が色々あるので下記サイトを参考にしてみてください。
DRILL LANCERモデレーターLightning Skin Pale をお使いのようですね。
下の少し見えている画像はスライドショーですか?
それともページヘッダーですか?
いずれにしても私の環境では余白は存在しません。Lightning Ver. 2.6.3
Lightning Skin Pale Ver. 3.0.6
Lightning Advanced Slider Ver. 0.4.0
↑あってもなくても関係ないですが一応・・・スワイプ用途には使えます。上記を最新版にしつつ、スキンを Pale II に変更してみることをおすすめします。
ちなみに、IE は固有のバグが多いため、動作保証の対象外になっているようです。
DRILL LANCERモデレーターVK All in One Expansion Unit の更新が来ているので更新すれば解決すると思います。
- この返信は4年、 11ヶ月前にDRILL LANCERが編集しました。
DRILL LANCERモデレーターウィジェット「VK 固定ページ本文」では見出しスタイルは使えないということになりますでしょうか?
現状だと、そうなります。
.entry-body .is-style-vk-heading-double_black, .editor-styles-wrapper .is-style-vk-heading-double_black { position: relative; margin-left: unset; margin-right: unset; outline: unset; outline-offset: unset; -webkit-box-shadow: unset; box-shadow: unset; border-radius: unset; overflow: unset; color: #333; background-color: transparent; border: none; padding: 0.6em 0 0.5em; margin-bottom: 1.2em; border-top: double 3px #333; border-bottom: double 3px #333; }
上記は見出しスタイルに一例です。
個別記事の本文では見出しが.entry-body
の内部にあるのでスタイルが反映されますが、「VK 固定ページ本文」では見出しが.entry-body
の内部にないのでCSSが適用されません。
DRILL LANCERモデレーター私の検証環境は下記のとおりです。
サーバー:XAMPP 7.2.5
WordPress:5.3.2
テーマ: Lightning Pro 2.6.4
スキン:Fort II 4.0.0
ブラウザ:IE 11 ( Lightning Pro の動作保証外 ), ChromeP.S.
サーバー側で実はキャッシュが行われていてそれが表示されている可能性はありませんか?
しばらく時間をおいてからアクセスすると反映される可能性があります。 -
投稿者投稿