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

VWSとは フォーラム Lightning [ 質問者返信待ち ] テーブルの色が変えられない

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

  • このトピックには1件の返信、2人の参加者があり、最後にうなこにより1年、 10ヶ月前に更新されました。
2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • 投稿者
    投稿
  • #73000

    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はフォーラムライセンスが有効のユーザーにのみ表示されます

    #73003

    うなこ
    モデレーター

    提案になります。

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

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

    • この返信は1年、 10ヶ月前にうなこが編集しました。
    Attachments:
    You must be logged in to view attached files.
2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • このトピックに返信するにはログインが必要です。