[うなこ]

子テーマなどでヘッダーメニューをカスタマイズなどしておりますか？

Lightning Pro バージョン: 7.10.2
FortⅡ（Bootstrap4）バージョン 8.0.3
で私の環境では正常に表示されました。

[うなこ]

Lightning Header Color Manager プラグインは有効化になっておりますか？

Lightning Pro ユーザー向けにプラグイン「Header Color Manager」を無料公開しました。

• この返信は4年、 5ヶ月前にうなこが編集しました。

[うなこ]

セクションベースが有りのデザインスキンで、スマホサイズで確認すると電話番号が段落ちしてしまうようです。
（セクションベース有りの場合は、メインセクション内の幅が若干狭くなるため）
お急ぎの場合は、以下のCSSを追加CSSや子テーマのcssなどに追加してください。
お手数おかけしますが、よろしくお願いいたします。

@media (max-width: 576px){
.veu_contact .contact_txt_tel{
font-size: 1.75rem;
}
}

• この返信は4年、 5ヶ月前にうなこが編集しました。

[うなこ]

以下のCSSを追加でいかがでしょうか？

.home .siteContent.siteContent-paddingVertical-off {
    padding-top: 0;
}

• この返信は4年、 5ヶ月前にうなこが編集しました。

[うなこ]

もしそろわない場合は、またご連絡ください。

[うなこ]

別ページで、前者の方でリストを表示させてみましたが、サムネイルが大きすぎるのと抜粋の文章が長すぎるのでその調整のCSSがあるとありがたいです。

こちらの抜粋の件は、該当の子ページの編集画面から文字数を調整可能です。
右に抜粋の項目がありますので、抜粋を入力 (任意)の個所に好きな文字を入れて更新してください。（添付画像参照）

サムネイルの大きさの件は、子ページリストの表示タイプによってcssクラス名が変わりますので、
まずはどの表示タイプで実装するかを教えてください。
（表示タイプは、カード、カード水平、メディア、テキスト1カラムの4種類あります。）

Attachments:

You must be logged in to view attached files.

[うなこ]

別ページで、前者の方でリストを表示させてみましたが、サムネイルが大きすぎるのと抜粋の文章が長すぎるのでその調整のCSSがあるとありがたいです。その場合そのブロックの高度な設定＞追加CSSクラスに挿入すればいいでしょうか？

こちらはcssのクラス名を追加する場所になります。
少量のcssを追加する場合はカスタマイズの追加CSSに記述してください。

cssのカスタマイズが多い場合は、子テーマで作成したほうが作りやすいと思います。

CSSの記述場所は、こちらのページにも説明がありますので、よろしければ参考にしてみてください。

全てのWordPressテーマで使える！デザインをピンポイントで変更する方法 〜親テーマのCSSは書き換えないで〜

[うなこ]

わたしの環境でメニューを10項目設置したのですが、症状が再現できませんでした。

LightningProは最新版に更新しても症状がでますか？

添付画像を確認しますとカスタマイズの画面で出ているようですが、
通常のフロント画面でもスクロールバーが二重にでますか？
それともカスタマイズ画面の時だけですか？

[うなこ]

理想は、画像上に文字は表示させたくないのですが、やはりそれは難しいですか？

CSSで簡単に消す方法としては、テキスト色を透明にすると見た目上では消えたように見えます。
しかしながらh1のタイトルを透明にしてしまうのはSEO的にどうなのかが分からず、
他のcssでの方法をご案内しました…。

h1.page-header_pageTitle {
    color: transparent;
}

• この返信は4年、 6ヶ月前にうなこが編集しました。

[うなこ]

失礼しました　z-index: 1;に変更してみてください。

.page-header{
position: relative;
}
.page-header::after {
background-color: #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
opacity: 0.5;
}
.page-header .container{
position: relative;
overflow: hidden;
z-index: 1;
}

[うなこ]

VK Blocks Proを最新に更新しても改善されないでしょうか？（現在の最新バージョン 0.52.2）

• この返信は4年、 6ヶ月前にうなこが編集しました。

[うなこ]

トップページに指定している固定ページの編集画面に
「Lightning デザイン設定」というパネルがおそらく画面右側にありますので、
siteContentの上下の余白をなくする にチェックを入れてください。

いかがでしょうか？

[うなこ]

タイトルを消してしまうと、メニューに表示されなくなるようですね

ちょっと要望と変わってしまうのですが…
CSSだけで、簡単にできる提案になります。。

【提案】ページヘッダー画像の上に薄い半透明の白色をのせて文字を見やすくする方法
※前頁のページヘッダーに薄い半透明がかかりますので、固定ページのみやりたい場合は
.page を先頭につけてみてください

.page-header{
position: relative;
}
.page-header::after {
background-color: #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
opacity: 0.5;
}
.page-header .container{
position: relative;
overflow: hidden;
z-index: 1000;
}

もうひとつの案は、タイトルのテキストの色を透明にするのも思いついたのですが、、
あまりよくない方法かもしれないと思い、こちらの提案をさせていただきました。

どうでしょうか、、？

• この返信は4年、 6ヶ月前にうなこが編集しました。

Attachments:

You must be logged in to view attached files.

[うなこ]

こんにちは！

お手数なのですが、
こちらはタイトルと違う質問になりますので、新規でトピックを立てていただいてもよろしいでしょうか？

フォーラムのルールとしまして、以下の理由で新規でトピックを立てていただいておりますm(_ _)m

一つの投稿内に複数の質問をしない
どこまで解決済みかわからなくなったり、他の人が検索するときにも探しにくいです。
質問の内容毎に別途投稿してください。

[うなこ]

無事解決したようでよかったです！
プラグインの情報ありがとうございます。

[投稿者]

投稿