■ 症状が発生するブラウザ : Chorme、Edge(いずれもWindows)
■ 利用テーマとバージョン : WordPress 5.7.2、G3 Pro Unit 0.5.1(Lightning14.5.1)、Vk Blocks Pro 1.9.1
■ 質問内容:
トップページを固定ページで製作しており、
「投稿リスト」ブロックで表示タイプを「カード」とし、投稿(post)とカスタム投稿タイプ(principal)の記事一覧を表示しています。
該当URLをご覧いただきますと、
「本校の教育活動」(post)と「バーチャル校長室」(principal)で各記事のタイトル文字(h5)の大きさが異なります。
該当箇所には、
.vk_post .vk_post_title {
font-size: 14px;
line-height: 1.4;
font-weight: 700;
margin-bottom: 0;
}
のCSSが適用されていますが、
principalには
@media (min-width: 1200px)
.main-section .vk_post-col-xl-12 .vk_post_title {
font-size: 21px;
}
も適用されるため、タイトル文字が大きくなっているようです。
postとprincipalの違いは、
・postは outer>投稿リスト
・principalは outer>グリッドカラム>投稿リスト
です。グリッドカラムの1カラム目は空です。
Vk Blocks Proのバージョンを最新版にする前は、タイトル文字の大きさが異なることはありませんでした。
回避策等があればご教授くださいませ。
該当URL :
https://*********※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます