[うなこ]

別ページで、前者の方でリストを表示させてみましたが、サムネイルが大きすぎるのと抜粋の文章が長すぎるのでその調整の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年、 1ヶ月前にうなこが編集しました。

[うなこ]

失礼しました　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年、 1ヶ月前にうなこが編集しました。

[うなこ]

トップページに指定している固定ページの編集画面に
「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年、 1ヶ月前にうなこが編集しました。

Attachments:

You must be logged in to view attached files.

[うなこ]

こんにちは！

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

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

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

[うなこ]

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

[うなこ]

safariで特定のサイトでのみ発生するということですね。

もしかしたらプラグインが影響しているのかもしれません。

* 有効化しているプラグインの更新があるか確認する
管理画面に更新通知が出ている場合は更新してください。
不具合修正や機能追加など既に対応済みの可能性があります。

* 有効化しているプラグインをひとつづつ停止して、
Safariでフロント画面を確認しながら、症状が消えるか確認する。

以上の作業で原因がプラグインによるものなのか、特定できるかもしれません

[うなこ]

LightningProを最新に更新しても同じでしょうか？（現在の最新バージョン: 7.10.2）

[うなこ]

カードブロックの件は、スペルを間違えておりました…
以下でいかがでしょうか？
数字や単位はお好きなものに変更してみてください。

.vk_card_item .vk_post_title.card-title{
font-size: 1.4em;
}

.vk_card_item .vk_post_excerpt.card-text{
font-size:1em;
}

[うなこ]

JPNスキンについて、一部間違いがありましたので書き換えました。

[うなこ]

こんにちは、
まずスライドショーのタイトルですが、幅のサイズによって文字の大きさが可変しますので
そのため文字数の多さでコンテンツ幅からはみ出して改行が変になっているようです。
以下のcssを追加でどうでしょうか。
数字の数値は小さくすると小さくなりますので、ご自由にお試しください。

@media (min-width: 1200px){
.slide-text-title {
font-size: 2.27vw;
}
}

[投稿者]

投稿