[ 解決済 ] テーブルブロックのフォントサイズ変更と枠線色が変更できません。

[With]

■ WordPress のバージョン
6.1.1

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
15.2.6

■ Pro Unit のバージョン
0.23.4

■ スキンの種類
Origin III

■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。

■ 期待する動作
テーブルブロック設定で
フォントサイズと枠線色を変更できるようにしてほしい。

・タイポグラフィ 大(PX)
　S　M　L　XLのどれを選択しても文字が小さいままです。
・枠線の色を選択しても黒のままです。

新規でテーブルブロックを作成して
同じ操作を行いましたが、同様でした。

テーブルブロックの検証をお願いします。

どうぞ宜しくお願いします。

■ 自分で試した事
新規でテーブルブロックを作成して
同じ操作を行いましたが、同様でした。

VK Pattern Libraryから「会社案内」を選択。
レスポンシブ対応している左から2つ目（2列の表、背景：左グレー、右白）
こちらも同様でした。

■ 症状が発生するブラウザ
GoogleChrome

■ 実際の症状
テーブルブロック設定で
・タイポグラフィ 大(PX)
　S　M　L　XLのどれを選択しても文字が小さいままです。
・枠線の色を選択しても黒のままです。

新規でテーブルブロックを作成して
同じ操作を行いましたが、同様でした。

テーブルブロックの検証をお願いします。

どうぞ宜しくお願いします。

[Vektor,Inc]

ご意見ありがとうございます。
今回の頂戴致しましたご意見は社内で検討させていただきます。
（たしかにタイポグラフィでサイズが変えられないのは不便ですね）

※可能な限り検討させていただきたく思いますが、
検討し実装して初めて分かることもあるため、全てを実装することは難しい場合もございます。

今後ともよろしくお願いいたします。

▼issue
https://github.com/vektor-inc/lightning/issues/971
https://github.com/vektor-inc/vk-blocks-pro/issues/1535

• この返信は1年、 10ヶ月前にVektor,Incが編集しました。
• この返信は1年、 10ヶ月前にうなこが編集しました。

[対馬 俊彦]

横からすみません。

Lightning G3 ではテーブルのフォントサイズが本文よりも小さめになるように以下の CSS が設定されています。

table td, table th { font-size: var(--vk-size-text-sm); }

ブロックエディターのタイポグラフィの設定がこの CSS に負けているために設定が効かなくなっていることが原因なのですが…

* テーブルが本文と同じフォントサイズになってもかまわない
* テーブルと本文が同じフォントサイズの方が好みである ← 対馬はこちらです

という場合、子テーマの style.css などに以下の CSS を追加すればタイポグラフィの設定が反映されるようになります。

table td, table th { font-size: unset; }

Lightning Pro でもこのやり方が使えます。

[石川＠Vektor,Inc.]

ご報告ありがとうございます。
該当の不具合について修正いたしましたので、
Lightning 15.3.0
VK Blocks Pro 1.48.1
にアップデートの上ご確認くださいませ。

[With]

修正を確認しました。
誠にありがとうございます。

[投稿者]

投稿