[ 質問者返信待ち ] テーブルの色が変えられない

[Takatoshi]

■ WordPress のバージョン
バージョン: 15.1.3

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

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

■ テーマのバージョン
バージョン: 14.12.2

■ Pro Unit のバージョン
バージョン 0.23.2

■ スキンの種類
Origin III

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

■ 期待する動作
背景が黒でテキストや見出し線などを白でデザインしています。
テーブルの線の色を指定しても白くなりません。

■ 自分で試した事
以下のコードを追加CSSに記述しました。

/* Lightningの各種パーツを白黒に */
:root{
–vk-color-text-body: #fff;
–vk-color-text-link: #fff;
–vk-color-text-link-hover: #8a8887;
–vk-color-text-meta: #fff;
–vk-color-primary: #000;
–vk-color-primary-dark: #fff;
–vk-color-primary-vivid: #8a8887;
–vk-color-header-bg: #000;
–vk-color-accent-bg: #000;
–vk-color-border: #fff;
–vk-color-border-hr: #000;
}

/* ヘッダー・本文 */
body, html,
.site-header {
background-color: #000;
}

/* 箇条書き・段落のリンク */
li a, p a {
text-decoration-color: #fff;
}

/* 見出し2 */
h2 {
border-top: 2px solid #fff;
border-bottom: 1px solid #fff;
}

/* 見出し3・見出し4 */
.site-footer-title:after,
.sub-section-title:after,
h3:after {
border-bottom: 1px solid ;
}

/* 引用 */
blockquote {
border: 1px solid #fff;
border-radius: 5px;
margin: 20px;
}

table td, table th {
border: 1px solid #8a8887;
}

.content-top {
margin: 0px;
padding: 0px;
}

/* パンくずリストの色 */
.breadcrumb a {
   color: white;
}

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

■ 実際の症状
テーブルの線だけが白くならずに黒もままです。

Attachments:

You must be logged in to view attached files.

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[うなこ]

提案になります。

【外観】>【カスタマイズ】>【Lightning 機能設定】の「theme.json を有効にする」にチェックを入れますと、設定から線の色や太さを設置できますので、ぜひお試しください。
注意点は、inner-containerのCSSのカスタマイズをしている場合は、デザインが崩れてしまう場合もありますので、一度問題ないか確認してください。

問題なければ、theme.json を有効にするにチェックを入れて、編集画面から添付画像のようにテーブルの線の色、太さが変更できます。

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

Attachments:

You must be logged in to view attached files.

[投稿者]

投稿